/* CodeWave UI 1.0.1. Generated by build-tokens.mjs from tokens.json.
 * Do not edit this file directly. No global reset or root font-size is applied.
 * technical-default-v1 provenance remains documented in tokens.json.
 */
.cw-theme {
  color-scheme: light;
  --cw-space-1: 0.25rem;
  --cw-space-2: 0.5rem;
  --cw-space-3: 0.75rem;
  --cw-space-4: 1rem;
  --cw-space-6: 1.5rem;
  --cw-space-8: 2rem;
  --cw-space-12: 3rem;
  --cw-font-family: "Manrope", system-ui, sans-serif;
  --cw-font-line-height-body: 1.5;
  --cw-font-line-height-section: 1.4;
  --cw-font-line-height-title: 1.25;
  --cw-font-size-body: 0.875rem;
  --cw-font-size-body-mobile: 1rem;
  --cw-font-size-helper: 0.8125rem;
  --cw-font-size-label: 0.875rem;
  --cw-font-size-minimum: 0.75rem;
  --cw-font-size-section: 1.125rem;
  --cw-font-size-title: 1.75rem;
  --cw-font-size-title-mobile: 1.5625rem;
  --cw-font-weight-bold: 700;
  --cw-font-weight-regular: 400;
  --cw-font-weight-semibold: 600;
  --cw-radius-badge: 0.3125rem;
  --cw-radius-control: 0.5rem;
  --cw-radius-dialog: 0.75rem;
  --cw-radius-panel: 0.75rem;
  --cw-size-border: 0.0625rem;
  --cw-size-content-max: 90rem;
  --cw-size-control-desktop: 2.5rem;
  --cw-size-control-touch: 2.75rem;
  --cw-size-focus-offset: 0.1875rem;
  --cw-size-focus-ring: 0.1875rem;
  --cw-size-form-max: 45rem;
  --cw-size-icon: 1.125rem;
  --cw-size-icon-action: 1.25rem;
  --cw-size-page-padding-compact: 1.25rem;
  --cw-size-page-padding-desktop: 1.75rem;
  --cw-size-page-padding-mobile: 1rem;
  --cw-size-row-compact: 2.75rem;
  --cw-size-row-default: 3.5rem;
  --cw-size-sidebar: 14.5rem;
  --cw-size-sidebar-collapsed: 0rem;
  --cw-size-sidebar-compact: 12rem;
  --cw-breakpoint-compact: 53.125rem;
  --cw-breakpoint-mobile: 41.25rem;
  --cw-motion-duration: 160ms;
  --cw-motion-easing: ease-out;
  --cw-z-index-dialog: 50;
  --cw-z-index-dropdown: 30;
  --cw-z-index-overlay: 40;
  --cw-z-index-sticky: 20;
  --cw-z-index-toast: 60;
  --cw-color-border-decorative: #DCE3EC;
  --cw-color-border-input: #76879E;
  --cw-color-canvas: #F5F7FA;
  --cw-color-danger: #B42318;
  --cw-color-danger-hover: #991C12;
  --cw-color-danger-pressed: #80190F;
  --cw-color-danger-surface: #FFF1F0;
  --cw-color-disabled-border: #76879E;
  --cw-color-disabled-surface: #EDF0F4;
  --cw-color-disabled-text: #5F6B7D;
  --cw-color-focus-gap: #FFFFFF;
  --cw-color-focus-ring: #2563EB;
  --cw-color-hover-surface: #F0F3F7;
  --cw-color-link: #1D4ED8;
  --cw-color-on-danger: #FFFFFF;
  --cw-color-on-primary: #FFFFFF;
  --cw-color-overlay: #00000066;
  --cw-color-pressed-surface: #E7ECF3;
  --cw-color-primary: #2563EB;
  --cw-color-primary-hover: #1D4ED8;
  --cw-color-primary-pressed: #1E40AF;
  --cw-color-readonly-surface: #F0F3F7;
  --cw-color-selection-surface: #EAF1FF;
  --cw-color-selection-text: #1D4ED8;
  --cw-color-success: #166534;
  --cw-color-success-surface: #ECFDF3;
  --cw-color-surface: #FFFFFF;
  --cw-color-text: #182335;
  --cw-color-text-secondary: #5F6B7D;
  --cw-color-warning: #854D0E;
  --cw-color-warning-surface: #FFF8E6;
  --cw-shadow-overlay: 0 0.25rem 1rem #0000001F;
}

/* Missing, system or unknown preference follows the operating system.
 * If prefers-color-scheme is unsupported, the light declarations above apply.
 */
@media (prefers-color-scheme: dark) {
  .cw-theme:not([data-cw-theme="light"]):not([data-cw-theme="dark"]) {
    color-scheme: dark;
    --cw-color-border-decorative: #3D3D3D;
    --cw-color-border-input: #7A7A7A;
    --cw-color-canvas: #111111;
    --cw-color-danger: #FDA29B;
    --cw-color-danger-hover: #FFB8B2;
    --cw-color-danger-pressed: #FFCEC9;
    --cw-color-danger-surface: #382323;
    --cw-color-disabled-border: #7A7A7A;
    --cw-color-disabled-surface: #2A2A2A;
    --cw-color-disabled-text: #BDBDBD;
    --cw-color-focus-gap: #1D1D1D;
    --cw-color-focus-ring: #8AB4FF;
    --cw-color-hover-surface: #252525;
    --cw-color-link: #D8E5FF;
    --cw-color-on-danger: #111111;
    --cw-color-on-primary: #111111;
    --cw-color-overlay: #00000099;
    --cw-color-pressed-surface: #303030;
    --cw-color-primary: #8AB4FF;
    --cw-color-primary-hover: #A5C5FF;
    --cw-color-primary-pressed: #709FEF;
    --cw-color-readonly-surface: #252525;
    --cw-color-selection-surface: #292929;
    --cw-color-selection-text: #D8E5FF;
    --cw-color-success: #86EFAC;
    --cw-color-success-surface: #183025;
    --cw-color-surface: #1D1D1D;
    --cw-color-text: #F2F2F2;
    --cw-color-text-secondary: #BDBDBD;
    --cw-color-warning: #FDE68A;
    --cw-color-warning-surface: #352F21;
    --cw-shadow-overlay: 0 0.25rem 1rem #00000052;
  }
}

.cw-theme[data-cw-theme="light"] {
  color-scheme: light;
  --cw-color-border-decorative: #DCE3EC;
  --cw-color-border-input: #76879E;
  --cw-color-canvas: #F5F7FA;
  --cw-color-danger: #B42318;
  --cw-color-danger-hover: #991C12;
  --cw-color-danger-pressed: #80190F;
  --cw-color-danger-surface: #FFF1F0;
  --cw-color-disabled-border: #76879E;
  --cw-color-disabled-surface: #EDF0F4;
  --cw-color-disabled-text: #5F6B7D;
  --cw-color-focus-gap: #FFFFFF;
  --cw-color-focus-ring: #2563EB;
  --cw-color-hover-surface: #F0F3F7;
  --cw-color-link: #1D4ED8;
  --cw-color-on-danger: #FFFFFF;
  --cw-color-on-primary: #FFFFFF;
  --cw-color-overlay: #00000066;
  --cw-color-pressed-surface: #E7ECF3;
  --cw-color-primary: #2563EB;
  --cw-color-primary-hover: #1D4ED8;
  --cw-color-primary-pressed: #1E40AF;
  --cw-color-readonly-surface: #F0F3F7;
  --cw-color-selection-surface: #EAF1FF;
  --cw-color-selection-text: #1D4ED8;
  --cw-color-success: #166534;
  --cw-color-success-surface: #ECFDF3;
  --cw-color-surface: #FFFFFF;
  --cw-color-text: #182335;
  --cw-color-text-secondary: #5F6B7D;
  --cw-color-warning: #854D0E;
  --cw-color-warning-surface: #FFF8E6;
  --cw-shadow-overlay: 0 0.25rem 1rem #0000001F;
}

.cw-theme[data-cw-theme="dark"] {
  color-scheme: dark;
  --cw-color-border-decorative: #3D3D3D;
  --cw-color-border-input: #7A7A7A;
  --cw-color-canvas: #111111;
  --cw-color-danger: #FDA29B;
  --cw-color-danger-hover: #FFB8B2;
  --cw-color-danger-pressed: #FFCEC9;
  --cw-color-danger-surface: #382323;
  --cw-color-disabled-border: #7A7A7A;
  --cw-color-disabled-surface: #2A2A2A;
  --cw-color-disabled-text: #BDBDBD;
  --cw-color-focus-gap: #1D1D1D;
  --cw-color-focus-ring: #8AB4FF;
  --cw-color-hover-surface: #252525;
  --cw-color-link: #D8E5FF;
  --cw-color-on-danger: #111111;
  --cw-color-on-primary: #111111;
  --cw-color-overlay: #00000099;
  --cw-color-pressed-surface: #303030;
  --cw-color-primary: #8AB4FF;
  --cw-color-primary-hover: #A5C5FF;
  --cw-color-primary-pressed: #709FEF;
  --cw-color-readonly-surface: #252525;
  --cw-color-selection-surface: #292929;
  --cw-color-selection-text: #D8E5FF;
  --cw-color-success: #86EFAC;
  --cw-color-success-surface: #183025;
  --cw-color-surface: #1D1D1D;
  --cw-color-text: #F2F2F2;
  --cw-color-text-secondary: #BDBDBD;
  --cw-color-warning: #FDE68A;
  --cw-color-warning-surface: #352F21;
  --cw-shadow-overlay: 0 0.25rem 1rem #00000052;
}

@media (prefers-reduced-motion: reduce) {
  .cw-theme { --cw-motion-duration: 0ms; }
}