:root, :host { --p-transition-duration: 0.2s; --p-disabled-opacity: 0.6; --p-icon-size: 1rem; --p-anchor-gutter: 2px; --p-overlay-navigation-shadow: 0 2px 12px 0 rgba(0,0,0,0.1); --p-overlay-modal-border-radius: var(--p-border-radius-xl); --p-overlay-modal-padding: 1.5rem; --p-overlay-modal-shadow: 0 1px 3px rgba(0,0,0,0.3); --p-overlay-popover-border-radius: var(--p-border-radius-md); --p-overlay-popover-padding: 1rem; --p-overlay-popover-shadow: 0 1px 3px rgba(0,0,0,0.1); --p-overlay-select-border-radius: var(--p-border-radius-md); --p-overlay-select-shadow: 0 2px 12px 0 rgba(0,0,0,0.1); --p-navigation-submenu-icon-size: 0.875rem; --p-navigation-submenu-label-padding: 0.625rem 1rem; --p-navigation-submenu-label-font-weight: 600; --p-navigation-item-padding: 0.625rem 1rem; --p-navigation-item-border-radius: 0; --p-navigation-item-gap: 0.5rem; --p-navigation-list-padding: 0.5rem 0; --p-navigation-list-gap: 0; --p-mask-transition-duration: 0.3s; --p-content-border-radius: var(--p-border-radius-md); --p-list-padding: 0.5rem 0; --p-list-gap: 0; --p-list-option-group-padding: 0.625rem 1rem; --p-list-option-group-font-weight: 600; --p-list-option-padding: 0.625rem 1rem; --p-list-option-border-radius: 0; --p-list-header-padding: 0.625rem 1rem 0 1rem; --p-form-field-padding-x: 0.75rem; --p-form-field-padding-y: 0.625rem; --p-form-field-border-radius: var(--p-border-radius-md); --p-form-field-transition-duration: var(--p-transition-duration); --p-form-field-focus-ring-width: var(--p-focus-ring-width); --p-form-field-focus-ring-style: var(--p-focus-ring-style); --p-form-field-focus-ring-color: var(--p-focus-ring-color); --p-form-field-focus-ring-offset: var(--p-focus-ring-offset); --p-form-field-focus-ring-shadow: var(--p-focus-ring-shadow); --p-form-field-lg-font-size: 1.125rem; --p-form-field-lg-padding-x: 0.875rem; --p-form-field-lg-padding-y: 0.75rem; --p-form-field-sm-font-size: 0.875rem; --p-form-field-sm-padding-x: 0.625rem; --p-form-field-sm-padding-y: 0.5rem; --p-primary-50: #EDF5FF; --p-primary-100: #D4E5FF; --p-primary-200: #ADCDFF; --p-primary-300: #81AEFC; --p-primary-400: #5992ED; --p-primary-500: #2670E8; --p-primary-600: #155BCB; --p-primary-700: #1351B4; --p-primary-800: #0C326F; --p-primary-900: #071D41; --p-primary-950: #071D41; --p-focus-ring-width: 0; --p-focus-ring-style: none; --p-focus-ring-color: transparent; --p-focus-ring-offset: 0; --p-navigation-submenu-icon-color: var(--p-surface-400); --p-navigation-submenu-icon-focus-color: var(--p-surface-500); --p-navigation-submenu-icon-active-color: var(--p-surface-500); --p-navigation-submenu-label-background: transparent; --p-navigation-submenu-label-color: var(--p-text-color); --p-navigation-item-focus-background: var(--p-surface-100); --p-navigation-item-active-background: var(--p-surface-100); --p-navigation-item-color: var(--p-text-color); --p-navigation-item-focus-color: var(--p-text-hover-color); --p-navigation-item-active-color: var(--p-text-hover-color); --p-navigation-item-icon-color: var(--p-surface-400); --p-navigation-item-icon-focus-color: var(--p-surface-500); --p-navigation-item-icon-active-color: var(--p-surface-500); --p-list-option-group-background: transparent; --p-list-option-group-color: var(--p-text-color); --p-list-option-focus-background: var(--p-surface-100); --p-list-option-selected-background: var(--p-highlight-background); --p-list-option-selected-focus-background: var(--p-highlight-focus-background); --p-list-option-color: var(--p-text-color); --p-list-option-focus-color: var(--p-text-hover-color); --p-list-option-selected-color: var(--p-highlight-color); --p-list-option-selected-focus-color: var(--p-highlight-focus-color); --p-list-option-icon-color: var(--p-surface-400); --p-list-option-icon-focus-color: var(--p-surface-500); --p-overlay-modal-background: var(--p-surface-0); --p-overlay-modal-border-color: var(--p-surface-200); --p-overlay-modal-color: var(--p-text-color); --p-overlay-popover-background: var(--p-surface-0); --p-overlay-popover-border-color: var(--p-surface-200); --p-overlay-popover-color: var(--p-text-color); --p-overlay-select-background: var(--p-surface-0); --p-overlay-select-border-color: var(--p-surface-200); --p-overlay-select-color: var(--p-text-color); --p-content-background: var(--p-surface-0); --p-content-hover-background: var(--p-surface-100); --p-content-border-color: var(--p-surface-200); --p-content-color: var(--p-text-color); --p-content-hover-color: var(--p-text-hover-color); --p-text-color: var(--p-surface-700); --p-text-hover-color: var(--p-surface-800); --p-text-muted-color: var(--p-surface-500); --p-text-hover-muted-color: var(--p-surface-600); --p-form-field-background: var(--p-surface-0); --p-form-field-disabled-background: var(--p-surface-200); --p-form-field-filled-background: var(--p-surface-50); --p-form-field-filled-hover-background: var(--p-surface-50); --p-form-field-filled-focus-background: var(--p-surface-0); --p-form-field-border-color: var(--p-surface-300); --p-form-field-hover-border-color: var(--p-primary-color); --p-form-field-focus-border-color: var(--p-primary-color); --p-form-field-invalid-border-color: var(--p-red-400); --p-form-field-color: var(--p-surface-700); --p-form-field-disabled-color: var(--p-surface-500); --p-form-field-placeholder-color: var(--p-surface-500); --p-form-field-invalid-placeholder-color: var(--p-red-600); --p-form-field-float-label-color: var(--p-surface-500); --p-form-field-float-label-focus-color: var(--p-primary-600); --p-form-field-float-label-active-color: var(--p-surface-500); --p-form-field-float-label-invalid-color: var(--p-form-field-invalid-placeholder-color); --p-form-field-icon-color: var(--p-surface-500); --p-form-field-shadow: none; --p-mask-background: rgba(0,0,0,0.4); --p-mask-color: var(--p-surface-200); --p-focus-ring-shadow: 0 0 0 0.2rem var(--p-primary-200); --p-highlight-background: var(--p-primary-50); --p-highlight-focus-background: var(--p-primary-100); --p-highlight-color: var(--p-primary-700); --p-highlight-focus-color: var(--p-primary-800); --p-primary-color: var(--p-primary-500); --p-primary-contrast-color: #ffffff; --p-primary-hover-color: var(--p-primary-600); --p-primary-active-color: var(--p-primary-700); --p-surface-0: #ffffff; --p-surface-50: var(--p-slate-50); --p-surface-100: var(--p-slate-100); --p-surface-200: var(--p-slate-200); --p-surface-300: var(--p-slate-300); --p-surface-400: var(--p-slate-400); --p-surface-500: var(--p-slate-500); --p-surface-600: var(--p-slate-600); --p-surface-700: var(--p-slate-700); --p-surface-800: var(--p-slate-800); --p-surface-900: var(--p-slate-900); --p-surface-950: var(--p-slate-950); }