/* src/styles/themes/default.css */
:root,
[data-uwc-theme=default] {
  --uwc-color-primary: #6366f1;
  --uwc-color-secondary: #64748b;
  --uwc-color-success: #22c55e;
  --uwc-color-warning: #f59e0b;
  --uwc-color-danger: #ef4444;
  --uwc-color-info: #38bdf8;
  --uwc-color-help: #a855f7;
  --uwc-color-contrast: #1e293b;
  --uwc-surface: #ffffff;
  --uwc-surface-raised: #f9f8f5;
  --uwc-border: rgba(0, 0, 0, 0.09);
  --uwc-border-subtle: rgba(0, 0, 0, 0.06);
  --uwc-text: #111111;
  --uwc-text-secondary: #64748b;
  --uwc-text-muted: #9ca3af;
  --uwc-text-disabled: #bbbbbb;
  --uwc-hover-bg: rgba(0, 0, 0, 0.04);
  --uwc-selected-bg: rgba(99, 102, 241, 0.08);
  --uwc-radius-xs: 2px;
  --uwc-radius-sm: 4px;
  --uwc-radius-md: 6px;
  --uwc-radius-lg: 10px;
  --uwc-radius-xl: 14px;
  --uwc-radius-full: 9999px;
  --uwc-font-family: inherit;
  --uwc-font-size-xs: 0.6875rem;
  --uwc-font-size-sm: 0.75rem;
  --uwc-font-size-md: 0.875rem;
  --uwc-font-size-lg: 1rem;
  --uwc-font-size-xl: 1.125rem;
  --uwc-space-1: 0.25rem;
  --uwc-space-2: 0.5rem;
  --uwc-space-3: 0.75rem;
  --uwc-space-4: 1rem;
  --uwc-space-5: 1.25rem;
  --uwc-space-6: 1.5rem;
  --uwc-shadow-sm: 0 1px 2px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.10);
  --uwc-shadow-md: 0 4px 8px -2px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);
  --uwc-shadow-lg:
    0 1px 2px rgba(0,0,0,0.05),
    0 4px 8px -2px rgba(0,0,0,0.08),
    0 16px 32px -4px rgba(0,0,0,0.12);
  --uwc-duration-fast: 80ms;
  --uwc-duration-base: 120ms;
  --uwc-duration-slow: 200ms;
  --uwc-easing: cubic-bezier(0.16, 1, 0.3, 1);
  --uwc-z-float: 9999;
  --uwc-z-tooltip: 10000;
  --uwc-z-dialog: 10001;
  --uwc-btn-radius: var(--uwc-radius-md);
  --uwc-btn-font-size: var(--uwc-font-size-md);
  --uwc-btn-padding-x: 0.875rem;
  --uwc-btn-padding-y: 0.5rem;
  --uwc-btn-gap: 0.375rem;
  --uwc-btn-transition:
    background-color 120ms ease,
    box-shadow 120ms ease,
    opacity 120ms ease,
    translate 80ms ease;
  --uwc-btn-badge-bg: var(--uwc-color-danger);
  --uwc-btn-badge-color: #fff;
  --uwc-menu-bg: var(--uwc-surface);
  --uwc-menu-border: 1px solid var(--uwc-border);
  --uwc-menu-radius: var(--uwc-radius-lg);
  --uwc-menu-shadow: var(--uwc-shadow-lg);
  --uwc-menu-z: var(--uwc-z-float);
  --uwc-menu-min-width: 180px;
  --uwc-menu-duration: 140ms;
  --uwc-menu-item-font-size: var(--uwc-font-size-sm);
  --uwc-menu-item-hover-bg: #f4f2ee;
  --uwc-menu-item-hover-color: #111111;
  --uwc-menu-item-disabled-color: var(--uwc-text-disabled);
  --uwc-menu-item-danger-color: var(--uwc-color-danger);
  --uwc-dd-trigger-bg: var(--uwc-surface);
  --uwc-dd-trigger-border: 1px solid #d0cfc9;
  --uwc-dd-trigger-radius: var(--uwc-radius-lg);
  --uwc-dd-trigger-color: var(--uwc-text);
  --uwc-dd-trigger-focus-border: var(--uwc-color-primary);
  --uwc-dd-trigger-placeholder: var(--uwc-text-muted);
  --uwc-dd-trigger-disabled-bg: #f5f5f0;
  --uwc-dd-panel-bg: var(--uwc-surface);
  --uwc-dd-panel-border: 1px solid var(--uwc-border);
  --uwc-dd-panel-radius: var(--uwc-radius-lg);
  --uwc-dd-panel-shadow: var(--uwc-shadow-lg);
  --uwc-dd-z: var(--uwc-z-float);
  --uwc-dd-duration: 140ms;
  --uwc-dd-option-hover-bg: #f5f3ee;
  --uwc-dd-option-selected-bg: rgba(99, 102, 241, 0.08);
  --uwc-dd-option-selected-color: var(--uwc-color-primary);
  --uwc-dd-option-disabled-color: var(--uwc-text-disabled);
  --uwc-dd-group-color: var(--uwc-text-muted);
  --uwc-dd-chip-bg: #ebe8e1;
  --uwc-dd-chip-color: #444444;
  --uwc-overlay-bg: var(--uwc-surface);
  --uwc-overlay-border: 1px solid var(--uwc-border);
  --uwc-overlay-radius: var(--uwc-radius-lg);
  --uwc-overlay-shadow: var(--uwc-shadow-lg);
  --uwc-overlay-z: var(--uwc-z-float);
  --uwc-overlay-duration: 160ms;
  --uwc-backdrop-color: rgba(0, 0, 0, 0.25);
  --uwc-tooltip-bg: #1c1c22;
  --uwc-tooltip-color: rgba(255, 255, 255, 0.88);
  --uwc-tooltip-radius: 7px;
  --uwc-tooltip-font-size: var(--uwc-font-size-xs);
  --uwc-tooltip-shadow: 0 4px 6px -1px rgba(0,0,0,0.3), 0 12px 24px -4px rgba(0,0,0,0.4);
  --uwc-tooltip-z: var(--uwc-z-tooltip);
  --uwc-tooltip-duration: 120ms;
  --uwc-tooltip-max-width: 280px;
  --uwc-popover-bg: var(--uwc-surface);
  --uwc-popover-border: 1px solid var(--uwc-border);
  --uwc-popover-radius: var(--uwc-radius-lg);
  --uwc-popover-shadow: var(--uwc-shadow-lg);
  --uwc-popover-z: var(--uwc-z-float);
  --uwc-popover-duration: 160ms;
  --uwc-popover-min-width: 180px;
  --uwc-popover-header-bg: transparent;
  --uwc-popover-header-color: var(--uwc-text);
  --uwc-dp-primary: var(--uwc-color-primary);
  --uwc-dp-trigger-bg: var(--uwc-surface);
  --uwc-dp-trigger-border: 1px solid #d0cfc9;
  --uwc-dp-trigger-radius: var(--uwc-radius-lg);
  --uwc-dp-trigger-color: var(--uwc-text);
  --uwc-dp-bg: var(--uwc-surface);
  --uwc-dp-border: 1px solid var(--uwc-border);
  --uwc-dp-radius: var(--uwc-radius-xl);
  --uwc-dp-shadow: var(--uwc-shadow-lg);
  --uwc-dp-z: var(--uwc-z-float);
  --uwc-dp-duration: 160ms;
  --uwc-dp-header-color: var(--uwc-text);
  --uwc-dp-day-selected-bg: var(--uwc-color-primary);
  --uwc-dp-day-selected-color: #ffffff;
  --uwc-dp-day-today-border: var(--uwc-color-primary);
  --uwc-dp-day-hover-bg: rgba(99, 102, 241, 0.08);
  --uwc-dp-range-bg: rgba(99, 102, 241, 0.10);
  --uwc-dt-primary: var(--uwc-color-primary);
  --uwc-dt-primary-lt: rgba(99, 102, 241, 0.08);
  --uwc-dt-header-bg: #f9f8f5;
  --uwc-dt-header-color: #888888;
  --uwc-dt-header-border: #e8e6e0;
  --uwc-dt-row-hover-bg: #faf8f4;
  --uwc-dt-row-border: #f0ede8;
  --uwc-dt-stripe-bg: #fcfbf8;
  --uwc-dt-surface: var(--uwc-surface);
}

/* src/styles/themes/material.css */
[data-uwc-theme=material] {
  --uwc-color-primary: #1976d2;
  --uwc-color-secondary: #9c27b0;
  --uwc-color-success: #2e7d32;
  --uwc-color-warning: #ed6c02;
  --uwc-color-danger: #d32f2f;
  --uwc-color-info: #0288d1;
  --uwc-color-help: #7b1fa2;
  --uwc-color-contrast: #212121;
  --uwc-surface: #ffffff;
  --uwc-surface-raised: #f5f5f5;
  --uwc-border: rgba(0,0,0,0.23);
  --uwc-border-subtle: rgba(0,0,0,0.12);
  --uwc-text: rgba(0,0,0,0.87);
  --uwc-text-secondary: rgba(0,0,0,0.60);
  --uwc-text-muted: rgba(0,0,0,0.38);
  --uwc-text-disabled: rgba(0,0,0,0.26);
  --uwc-hover-bg: rgba(25,118,210,0.04);
  --uwc-selected-bg: rgba(25,118,210,0.08);
  --uwc-radius-xs: 0px;
  --uwc-radius-sm: 2px;
  --uwc-radius-md: 4px;
  --uwc-radius-lg: 4px;
  --uwc-radius-xl: 4px;
  --uwc-radius-full: 9999px;
  --uwc-font-family:
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
  --uwc-font-size-xs: 0.6875rem;
  --uwc-font-size-sm: 0.75rem;
  --uwc-font-size-md: 0.875rem;
  --uwc-font-size-lg: 1rem;
  --uwc-font-size-xl: 1.25rem;
  --uwc-shadow-sm:
    0px 3px 1px -2px rgba(0,0,0,0.20),
    0px 2px 2px 0px rgba(0,0,0,0.14),
    0px 1px 5px 0px rgba(0,0,0,0.12);
  --uwc-shadow-md:
    0px 2px 4px -1px rgba(0,0,0,0.20),
    0px 4px 5px 0px rgba(0,0,0,0.14),
    0px 1px 10px 0px rgba(0,0,0,0.12);
  --uwc-shadow-lg:
    0px 5px 5px -3px rgba(0,0,0,0.20),
    0px 8px 10px 1px rgba(0,0,0,0.14),
    0px 3px 14px 2px rgba(0,0,0,0.12);
  --uwc-duration-fast: 150ms;
  --uwc-duration-base: 250ms;
  --uwc-duration-slow: 375ms;
  --uwc-easing: cubic-bezier(0.4, 0, 0.2, 1);
  --uwc-z-float: 1300;
  --uwc-z-tooltip: 1500;
  --uwc-z-dialog: 1300;
  --uwc-btn-radius: var(--uwc-radius-md);
  --uwc-btn-font-size: 0.875rem;
  --uwc-btn-font-weight: 500;
  --uwc-btn-letter-spacing:0.02857em;
  --uwc-btn-text-transform:uppercase;
  --uwc-btn-padding-x: 1rem;
  --uwc-btn-padding-y: 0.375rem;
  --uwc-btn-gap: 0.5rem;
  --uwc-btn-transition:
    background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
    color 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --uwc-btn-shadow: var(--uwc-shadow-sm);
  --uwc-btn-ripple-opacity: 0.3;
  --uwc-btn-ripple-scale: 3.8;
  --uwc-btn-ripple-duration: 600ms;
  --uwc-btn-ripple-easing: cubic-bezier(0.4, 0, 0.2, 1);
  --uwc-menu-bg: #ffffff;
  --uwc-menu-border: none;
  --uwc-menu-radius: var(--uwc-radius-md);
  --uwc-menu-shadow: var(--uwc-shadow-lg);
  --uwc-menu-item-font-size: var(--uwc-font-size-md);
  --uwc-menu-item-hover-bg: rgba(0,0,0,0.04);
  --uwc-menu-item-hover-color: rgba(0,0,0,0.87);
  --uwc-menu-item-danger-color: var(--uwc-color-danger);
  --uwc-menu-duration: 250ms;
  --uwc-dd-trigger-bg: #ffffff;
  --uwc-dd-trigger-border: 1px solid rgba(0,0,0,0.23);
  --uwc-dd-trigger-radius: var(--uwc-radius-md);
  --uwc-dd-trigger-color: rgba(0,0,0,0.87);
  --uwc-dd-trigger-focus-border: var(--uwc-color-primary);
  --uwc-dd-trigger-placeholder: rgba(0,0,0,0.42);
  --uwc-dd-trigger-disabled-bg: rgba(0,0,0,0.12);
  --uwc-dd-panel-bg: #ffffff;
  --uwc-dd-panel-border: none;
  --uwc-dd-panel-radius: var(--uwc-radius-md);
  --uwc-dd-panel-shadow: var(--uwc-shadow-lg);
  --uwc-dd-option-hover-bg: rgba(0,0,0,0.04);
  --uwc-dd-option-selected-bg: rgba(25,118,210,0.08);
  --uwc-dd-option-selected-color: var(--uwc-color-primary);
  --uwc-dd-option-disabled-color: rgba(0,0,0,0.26);
  --uwc-dd-group-color: rgba(0,0,0,0.38);
  --uwc-dd-chip-bg: rgba(25,118,210,0.12);
  --uwc-dd-chip-color: var(--uwc-color-primary);
  --uwc-dd-duration: 250ms;
  --uwc-overlay-bg: #ffffff;
  --uwc-overlay-border: none;
  --uwc-overlay-radius: var(--uwc-radius-md);
  --uwc-overlay-shadow:
    0px 8px 10px -5px rgba(0,0,0,0.20),
    0px 16px 24px 2px rgba(0,0,0,0.14),
    0px 6px 30px 5px rgba(0,0,0,0.12);
  --uwc-overlay-duration: 225ms;
  --uwc-backdrop-color: rgba(0,0,0,0.50);
  --uwc-tooltip-bg: rgba(97,97,97,0.92);
  --uwc-tooltip-color: #ffffff;
  --uwc-tooltip-radius: var(--uwc-radius-md);
  --uwc-tooltip-font-size: 0.6875rem;
  --uwc-tooltip-shadow: none;
  --uwc-tooltip-duration: 200ms;
  --uwc-tooltip-max-width: 300px;
  --uwc-popover-bg: #ffffff;
  --uwc-popover-border: none;
  --uwc-popover-radius: var(--uwc-radius-md);
  --uwc-popover-shadow: var(--uwc-shadow-lg);
  --uwc-popover-duration: 250ms;
  --uwc-popover-header-color: rgba(0,0,0,0.87);
  --uwc-dp-primary: var(--uwc-color-primary);
  --uwc-dp-trigger-border: 1px solid rgba(0,0,0,0.23);
  --uwc-dp-trigger-radius: var(--uwc-radius-md);
  --uwc-dp-bg: #ffffff;
  --uwc-dp-border: none;
  --uwc-dp-radius: var(--uwc-radius-md);
  --uwc-dp-shadow: var(--uwc-shadow-lg);
  --uwc-dp-duration: 250ms;
  --uwc-dp-day-selected-bg: var(--uwc-color-primary);
  --uwc-dp-day-selected-color: #ffffff;
  --uwc-dp-day-today-border: var(--uwc-color-primary);
  --uwc-dp-day-hover-bg: rgba(25,118,210,0.04);
  --uwc-dp-range-bg: rgba(25,118,210,0.08);
  --uwc-dt-primary: var(--uwc-color-primary);
  --uwc-dt-primary-lt: rgba(25,118,210,0.08);
  --uwc-dt-header-bg: #ffffff;
  --uwc-dt-header-color: rgba(0,0,0,0.60);
  --uwc-dt-header-border: rgba(224,224,224,1);
  --uwc-dt-row-hover-bg: rgba(0,0,0,0.04);
  --uwc-dt-row-border: rgba(224,224,224,1);
  --uwc-dt-stripe-bg: rgba(0,0,0,0.02);
  --uwc-dt-surface: #ffffff;
  --uwc-input-bg: #ffffff;
  --uwc-input-border: 1px solid rgba(0,0,0,0.23);
  --uwc-input-radius: var(--uwc-radius-md);
  --uwc-input-color: rgba(0,0,0,0.87);
  --uwc-input-placeholder-color: rgba(0,0,0,0.42);
  --uwc-input-filled-bg: rgba(0,0,0,0.06);
  --uwc-checkbox-size: 1.125rem;
  --uwc-checkbox-radius: var(--uwc-radius-sm);
  --uwc-checkbox-border: 1px solid rgba(0,0,0,0.54);
  --uwc-checkbox-bg: #ffffff;
  --uwc-checkbox-color: var(--uwc-color-primary);
  --uwc-checkbox-label-color: rgba(0,0,0,0.87);
  --uwc-radio-size: 1.125rem;
  --uwc-radio-border: 1px solid rgba(0,0,0,0.54);
  --uwc-radio-bg: #ffffff;
  --uwc-radio-color: var(--uwc-color-primary);
  --uwc-radio-label-color: rgba(0,0,0,0.87);
  --uwc-togglebtn-bg: #ffffff;
  --uwc-togglebtn-border: 1px solid rgba(0,0,0,0.12);
  --uwc-togglebtn-color: rgba(0,0,0,0.54);
  --uwc-togglebtn-radius: var(--uwc-radius-md);
  --uwc-togglebtn-font-size: 0.875rem;
  --uwc-togglebtn-padding-x: 0.6875rem;
  --uwc-togglebtn-padding-y: 0.4375rem;
  --uwc-togglebtn-active-bg: rgba(25,118,210,0.12);
  --uwc-togglebtn-active-color: var(--uwc-color-primary);
  --uwc-switch-width: 2.75rem;
  --uwc-switch-height: 1.25rem;
  --uwc-switch-radius: 9999px;
  --uwc-switch-bg-off: rgba(0,0,0,0.38);
  --uwc-switch-bg-on: rgba(25,118,210,0.50);
  --uwc-switch-color: var(--uwc-color-primary);
  --uwc-listbox-radius: var(--uwc-radius-md);
  --uwc-listbox-border: 1px solid rgba(0,0,0,0.23);
  --uwc-listbox-bg: #ffffff;
  --uwc-listbox-item-height: 2.5rem;
  --uwc-listbox-font-size: 0.875rem;
  --uwc-colorpicker-swatch-radius: var(--uwc-radius-md);
  --uwc-cp-panel-bg: #ffffff;
  --uwc-cp-duration: 250ms;
}
[data-uwc-theme=material] uwc-button::part(button):not(:disabled):hover {
  box-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.20),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
[data-uwc-theme=material] uwc-button::part(button):not(:disabled):active {
  box-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.20),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
[data-uwc-theme=material] uwc-button[outline]::part(button),
[data-uwc-theme=material] uwc-button[text]::part(button),
[data-uwc-theme=material] uwc-button[link]::part(button) {
  box-shadow: none !important;
}
[data-uwc-theme=material] uwc-toggleswitch::part(dot) {
  width: 1.5rem;
  height: 1.5rem;
  background: #ffffff;
  box-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.20),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  top: 50%;
  transform: translate(-50%, -50%);
}
[data-uwc-theme=material] uwc-toggleswitch[checked]::part(dot) {
  background: var(--uwc-color-primary);
}

/* src/styles/themes/fluent.css */
[data-uwc-theme=fluent] {
  --uwc-color-primary: #0078d4;
  --uwc-color-secondary: #616161;
  --uwc-color-success: #107c10;
  --uwc-color-warning: #f7630c;
  --uwc-color-danger: #c50f1f;
  --uwc-color-info: #0078d4;
  --uwc-color-help: #744da9;
  --uwc-color-contrast: #1b1a19;
  --uwc-surface: #ffffff;
  --uwc-surface-raised: #faf9f8;
  --uwc-border: rgba(0, 0, 0, 0.073);
  --uwc-border-subtle: rgba(0, 0, 0, 0.05);
  --uwc-text: rgba(0, 0, 0, 0.87);
  --uwc-text-secondary: rgba(0, 0, 0, 0.54);
  --uwc-text-muted: rgba(0, 0, 0, 0.36);
  --uwc-text-disabled: rgba(0, 0, 0, 0.28);
  --uwc-hover-bg: rgba(0, 0, 0, 0.04);
  --uwc-selected-bg: rgba(0, 120, 212, 0.1);
  --uwc-radius-xs: 0px;
  --uwc-radius-sm: 2px;
  --uwc-radius-md: 4px;
  --uwc-radius-lg: 8px;
  --uwc-radius-xl: 12px;
  --uwc-radius-full: 9999px;
  --uwc-font-family:
    "Segoe UI Variable",
    "Segoe UI",
    system-ui,
    sans-serif;
  --uwc-font-size-xs: 0.6875rem;
  --uwc-font-size-sm: 0.75rem;
  --uwc-font-size-md: 0.875rem;
  --uwc-font-size-lg: 1rem;
  --uwc-font-size-xl: 1.25rem;
  --uwc-shadow-sm: 0 2px 4px rgba(0,0,0,0.14), 0 0 2px rgba(0,0,0,0.12);
  --uwc-shadow-md: 0 4px 8px rgba(0,0,0,0.14), 0 0 2px rgba(0,0,0,0.12);
  --uwc-shadow-lg: 0 8px 16px rgba(0,0,0,0.14), 0 0 2px rgba(0,0,0,0.12);
  --uwc-duration-fast: 100ms;
  --uwc-duration-base: 167ms;
  --uwc-duration-slow: 267ms;
  --uwc-easing: cubic-bezier(0, 0, 0, 1);
  --uwc-z-float: 9999;
  --uwc-z-tooltip: 10000;
  --uwc-z-dialog: 10001;
  --uwc-btn-radius: var(--uwc-radius-md);
  --uwc-btn-font-size: var(--uwc-font-size-md);
  --uwc-btn-padding-x: 0.6875rem;
  --uwc-btn-padding-y: 0.3125rem;
  --uwc-btn-gap: 0.375rem;
  --uwc-btn-transition: background-color 167ms cubic-bezier(0,0,0,1), box-shadow 167ms cubic-bezier(0,0,0,1);
  --uwc-menu-bg: rgba(255, 255, 255, 0.96);
  --uwc-menu-border: 1px solid rgba(0,0,0,0.073);
  --uwc-menu-radius: var(--uwc-radius-lg);
  --uwc-menu-shadow: var(--uwc-shadow-lg);
  --uwc-menu-item-font-size: var(--uwc-font-size-sm);
  --uwc-menu-item-hover-bg: rgba(0, 0, 0, 0.05);
  --uwc-menu-item-hover-color: rgba(0, 0, 0, 0.87);
  --uwc-menu-item-danger-color: var(--uwc-color-danger);
  --uwc-menu-duration: 167ms;
  --uwc-dd-trigger-bg: #ffffff;
  --uwc-dd-trigger-border: 1px solid rgba(0,0,0,0.073);
  --uwc-dd-trigger-radius: var(--uwc-radius-md);
  --uwc-dd-trigger-color: rgba(0,0,0,0.87);
  --uwc-dd-trigger-focus-border: var(--uwc-color-primary);
  --uwc-dd-panel-bg: rgba(255, 255, 255, 0.96);
  --uwc-dd-panel-border: 1px solid rgba(0,0,0,0.073);
  --uwc-dd-panel-radius: var(--uwc-radius-lg);
  --uwc-dd-panel-shadow: var(--uwc-shadow-lg);
  --uwc-dd-option-hover-bg: rgba(0, 0, 0, 0.04);
  --uwc-dd-option-selected-bg: rgba(0, 120, 212, 0.1);
  --uwc-dd-option-selected-color: var(--uwc-color-primary);
  --uwc-dd-chip-bg: rgba(0, 120, 212, 0.1);
  --uwc-dd-chip-color: var(--uwc-color-primary);
  --uwc-dd-duration: 167ms;
  --uwc-overlay-bg: rgba(255, 255, 255, 0.96);
  --uwc-overlay-border: 1px solid rgba(0,0,0,0.073);
  --uwc-overlay-radius: var(--uwc-radius-lg);
  --uwc-overlay-shadow: var(--uwc-shadow-lg);
  --uwc-overlay-duration: 167ms;
  --uwc-backdrop-color: rgba(0, 0, 0, 0.20);
  --uwc-tooltip-bg: rgba(28, 28, 28, 0.95);
  --uwc-tooltip-color: rgba(255, 255, 255, 0.9);
  --uwc-tooltip-radius: var(--uwc-radius-md);
  --uwc-tooltip-duration: 167ms;
  --uwc-tooltip-shadow: var(--uwc-shadow-md);
  --uwc-popover-bg: rgba(255, 255, 255, 0.96);
  --uwc-popover-border: 1px solid rgba(0,0,0,0.073);
  --uwc-popover-radius: var(--uwc-radius-lg);
  --uwc-popover-shadow: var(--uwc-shadow-lg);
  --uwc-popover-header-color: rgba(0,0,0,0.87);
  --uwc-popover-duration: 167ms;
  --uwc-dp-primary: var(--uwc-color-primary);
  --uwc-dp-trigger-border: 1px solid rgba(0,0,0,0.073);
  --uwc-dp-trigger-radius: var(--uwc-radius-md);
  --uwc-dp-bg: rgba(255, 255, 255, 0.96);
  --uwc-dp-border: 1px solid rgba(0,0,0,0.073);
  --uwc-dp-radius: var(--uwc-radius-lg);
  --uwc-dp-shadow: var(--uwc-shadow-lg);
  --uwc-dp-duration: 167ms;
  --uwc-dp-day-selected-bg: #0078d4;
  --uwc-dp-day-selected-color: #ffffff;
  --uwc-dp-day-today-border: #0078d4;
  --uwc-dp-day-hover-bg: rgba(0, 120, 212, 0.08);
  --uwc-dp-range-bg: rgba(0, 120, 212, 0.10);
  --uwc-dt-primary: var(--uwc-color-primary);
  --uwc-dt-primary-lt: rgba(0, 120, 212, 0.1);
  --uwc-dt-header-bg: #faf9f8;
  --uwc-dt-header-color: rgba(0,0,0,0.54);
  --uwc-dt-header-border: rgba(0,0,0,0.073);
  --uwc-dt-row-hover-bg: rgba(0, 0, 0, 0.04);
  --uwc-dt-row-border: rgba(0,0,0,0.05);
  --uwc-dt-stripe-bg: rgba(0,0,0,0.02);
  --uwc-dt-surface: #ffffff;
}

/* src/styles/themes/index.css */