/* GENERATED por sincronizar-ds.mjs — NÃO EDITAR À MÃO.
   Fonte: potenzia-digital/cleomar-design-system@0aab8e4 02-design-tokens/tokens.css
   Para atualizar: git -C <clone> pull && npm run build && node sincronizar-ds.mjs */

/* GENERATED por scripts/build.mjs a partir de 02-design-tokens/*.json — não editar à mão.
 *
 * Tema: light é o padrão. Use data-theme="dark" em <html> ou em qualquer bloco para escopo
 * local (ex.: seção marinho). data-theme="system" segue prefers-color-scheme.
 */

:root {
  --ct-border-width-none: 0px;
  --ct-border-width-hairline: 1px;
  --ct-border-width-thick: 2px;
  --ct-border-width-accent: 4px;
  --ct-border-style-solid: solid;
  --ct-border-style-dashed: dashed;
  --ct-breakpoint-sm: 640px;
  --ct-breakpoint-md: 768px;
  --ct-breakpoint-lg: 1024px;
  --ct-breakpoint-xl: 1280px;
  --ct-breakpoint-2xl: 1536px;
  --ct-color-navy-50: #F2F5F8;
  --ct-color-navy-100: #E3E9EF;
  --ct-color-navy-200: #C8D3DE;
  --ct-color-navy-300: #A3B4C6;
  --ct-color-navy-400: #7890A8;
  --ct-color-navy-500: #4A6788;
  --ct-color-navy-600: #2A4A6E;
  --ct-color-navy-700: #183350;
  --ct-color-navy-800: #0F2238;
  --ct-color-navy-900: #0B1928;
  --ct-color-navy-950: #07111C;
  --ct-color-orange-50: #FDF1E8;
  --ct-color-orange-100: #FBDFCB;
  --ct-color-orange-200: #F7BE97;
  --ct-color-orange-300: #F39C63;
  --ct-color-orange-400: #F07A35;
  --ct-color-orange-500: #E86820;
  --ct-color-orange-600: #C4581A;
  --ct-color-orange-700: #9A3F0E;
  --ct-color-orange-800: #7A320C;
  --ct-color-orange-900: #5C260A;
  --ct-color-orange-950: #3A1806;
  --ct-color-sand-50: #FBF8F3;
  --ct-color-sand-100: #F4EEE3;
  --ct-color-sand-200: #EAE2D5;
  --ct-color-sand-300: #D9CDBB;
  --ct-color-sand-400: #BFB09A;
  --ct-color-sand-500: #9E8F7A;
  --ct-color-sand-600: #7C705F;
  --ct-color-sand-700: #5C5347;
  --ct-color-sand-800: #3E3830;
  --ct-color-sand-900: #221F1A;
  --ct-color-green-50: #EAF4EE;
  --ct-color-green-100: #CFE6D8;
  --ct-color-green-300: #6FBF94;
  --ct-color-green-400: #3F9E6D;
  --ct-color-green-500: #2F8A5E;
  --ct-color-green-600: #246B4A;
  --ct-color-green-700: #1B5238;
  --ct-color-amber-50: #FBF3E0;
  --ct-color-amber-100: #F5E2B3;
  --ct-color-amber-300: #E8B84F;
  --ct-color-amber-400: #D99A1E;
  --ct-color-amber-500: #B07100;
  --ct-color-amber-600: #8A5A00;
  --ct-color-amber-700: #6B4500;
  --ct-color-red-50: #FBECEA;
  --ct-color-red-100: #F4CFCB;
  --ct-color-red-300: #E88A82;
  --ct-color-red-400: #D65F56;
  --ct-color-red-500: #C0463E;
  --ct-color-red-600: #A63832;
  --ct-color-red-700: #822A25;
  --ct-color-blue-50: #EAF1F8;
  --ct-color-blue-100: #CCDDED;
  --ct-color-blue-300: #7FA9D1;
  --ct-color-blue-400: #5689BA;
  --ct-color-blue-500: #3C71A2;
  --ct-color-blue-600: #315F86;
  --ct-color-blue-700: #264A69;
  --ct-color-white: #FFFFFF;
  --ct-gradient-signature: linear-gradient(140deg, var(--ct-color-navy-700) 0%, var(--ct-color-navy-900) 58%, var(--ct-color-navy-950) 100%);
  --ct-container-narrow: 720px;
  --ct-container-default: 1120px;
  --ct-container-wide: 1280px;
  --ct-container-padding: clamp(1.25rem, 5vw, 2.5rem);
  --ct-grid-columns-sm: 4;
  --ct-grid-columns-md: 8;
  --ct-grid-columns-lg: 12;
  --ct-grid-gutter-sm: var(--ct-space-4);
  --ct-grid-gutter-md: var(--ct-space-6);
  --ct-grid-gutter-lg: var(--ct-space-6);
  --ct-grid-gutter-xl: var(--ct-space-8);
  --ct-motion-duration-instant: 0ms;
  --ct-motion-duration-fast: 120ms;
  --ct-motion-duration-base: 200ms;
  --ct-motion-duration-moderate: 280ms;
  --ct-motion-duration-slow: 400ms;
  --ct-motion-duration-slower: 600ms;
  --ct-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --ct-motion-easing-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --ct-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --ct-motion-easing-emphasized: cubic-bezier(0.19, 1, 0.22, 1);
  --ct-motion-easing-linear: linear;
  --ct-motion-distance-sm: 4px;
  --ct-motion-distance-md: 8px;
  --ct-motion-distance-lg: 16px;
  --ct-transition-colors: color var(--ct-motion-duration-fast) var(--ct-motion-easing-standard), background-color var(--ct-motion-duration-fast) var(--ct-motion-easing-standard), border-color var(--ct-motion-duration-fast) var(--ct-motion-easing-standard), box-shadow var(--ct-motion-duration-fast) var(--ct-motion-easing-standard);
  --ct-transition-state: all var(--ct-motion-duration-base) var(--ct-motion-easing-standard);
  --ct-transition-enter: opacity var(--ct-motion-duration-moderate) var(--ct-motion-easing-enter), transform var(--ct-motion-duration-moderate) var(--ct-motion-easing-enter);
  --ct-transition-exit: opacity var(--ct-motion-duration-fast) var(--ct-motion-easing-exit), transform var(--ct-motion-duration-fast) var(--ct-motion-easing-exit);
  --ct-opacity-0: 0;
  --ct-opacity-8: 0.08;
  --ct-opacity-16: 0.16;
  --ct-opacity-40: 0.4;
  --ct-opacity-64: 0.64;
  --ct-opacity-100: 1;
  --ct-opacity-disabled: var(--ct-opacity-40);
  --ct-opacity-muted: var(--ct-opacity-64);
  --ct-opacity-watermark: var(--ct-opacity-8);
  --ct-radius-none: 0px;
  --ct-radius-xs: 2px;
  --ct-radius-sm: 4px;
  --ct-radius-md: 8px;
  --ct-radius-lg: 12px;
  --ct-radius-xl: 16px;
  --ct-radius-2xl: 24px;
  --ct-radius-full: 9999px;
  --ct-radius-control: var(--ct-radius-md);
  --ct-radius-check: var(--ct-radius-sm);
  --ct-radius-tag: var(--ct-radius-sm);
  --ct-radius-tooltip: var(--ct-radius-sm);
  --ct-radius-card: var(--ct-radius-lg);
  --ct-radius-overlay: var(--ct-radius-lg);
  --ct-radius-media: var(--ct-radius-xl);
  --ct-radius-pill: var(--ct-radius-full);
  --ct-size-control-sm: 36px;
  --ct-size-control-md: 44px;
  --ct-size-control-lg: 52px;
  --ct-size-icon-xs: 12px;
  --ct-size-icon-sm: 16px;
  --ct-size-icon-md: 20px;
  --ct-size-icon-lg: 24px;
  --ct-size-icon-xl: 32px;
  --ct-size-avatar-xs: 24px;
  --ct-size-avatar-sm: 32px;
  --ct-size-avatar-md: 40px;
  --ct-size-avatar-lg: 56px;
  --ct-size-avatar-xl: 80px;
  --ct-size-target-min: 44px;
  --ct-size-target-min-dense: 24px;
  --ct-size-focus-width: 2px;
  --ct-size-focus-offset: 2px;
  --ct-space-0: 0px;
  --ct-space-1: 4px;
  --ct-space-2: 8px;
  --ct-space-3: 12px;
  --ct-space-4: 16px;
  --ct-space-5: 20px;
  --ct-space-6: 24px;
  --ct-space-8: 32px;
  --ct-space-10: 40px;
  --ct-space-12: 48px;
  --ct-space-16: 64px;
  --ct-space-20: 80px;
  --ct-space-24: 96px;
  --ct-space-32: 128px;
  --ct-space-0-5: 2px;
  --ct-gap-xs: var(--ct-space-1);
  --ct-gap-sm: var(--ct-space-2);
  --ct-gap-md: var(--ct-space-4);
  --ct-gap-lg: var(--ct-space-6);
  --ct-gap-xl: var(--ct-space-12);
  --ct-inset-xs: var(--ct-space-2);
  --ct-inset-sm: var(--ct-space-3);
  --ct-inset-md: var(--ct-space-6);
  --ct-inset-lg: var(--ct-space-8);
  --ct-section-y: clamp(4.5rem, 3rem + 5vw, 7rem);
  --ct-font-family-display: 'Barlow Condensed', 'Arial Narrow', 'Roboto Condensed', sans-serif;
  --ct-font-family-sans: 'Barlow', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --ct-font-family-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --ct-font-weight-regular: 400;
  --ct-font-weight-medium: 500;
  --ct-font-weight-semibold: 600;
  --ct-font-weight-bold: 700;
  --ct-font-weight-black: 900;
  --ct-font-size-xs: 0.75rem;
  --ct-font-size-sm: 0.875rem;
  --ct-font-size-md: 1rem;
  --ct-font-size-lg: 1.125rem;
  --ct-font-size-xl: 1.25rem;
  --ct-font-size-2xl: 1.5rem;
  --ct-font-size-3xl: 1.75rem;
  --ct-font-size-4xl: 2rem;
  --ct-font-size-5xl: 2.5rem;
  --ct-font-size-6xl: 3rem;
  --ct-font-size-7xl: 3.5rem;
  --ct-font-size-8xl: 4.5rem;
  --ct-font-size-9xl: 6rem;
  --ct-font-line-height-display: 0.9;
  --ct-font-line-height-tight: 1;
  --ct-font-line-height-heading: 1.1;
  --ct-font-line-height-snug: 1.25;
  --ct-font-line-height-normal: 1.5;
  --ct-font-line-height-relaxed: 1.6;
  --ct-font-tracking-tighter: -0.02em;
  --ct-font-tracking-tight: -0.01em;
  --ct-font-tracking-normal: 0em;
  --ct-font-tracking-wide: 0.04em;
  --ct-font-tracking-wider: 0.08em;
  --ct-font-tracking-widest: 0.16em;
  --ct-type-display-xl-font: var(--ct-font-family-display);
  --ct-type-display-xl-weight: var(--ct-font-weight-black);
  --ct-type-display-xl-size: clamp(3.5rem, 2rem + 6.5vw, 6rem);
  --ct-type-display-xl-line: var(--ct-font-line-height-display);
  --ct-type-display-xl-tracking: var(--ct-font-tracking-tighter);
  --ct-type-display-xl-case: uppercase;
  --ct-type-display-lg-font: var(--ct-font-family-display);
  --ct-type-display-lg-weight: var(--ct-font-weight-bold);
  --ct-type-display-lg-size: clamp(3rem, 2.2rem + 3.5vw, 4.5rem);
  --ct-type-display-lg-line: var(--ct-font-line-height-display);
  --ct-type-display-lg-tracking: var(--ct-font-tracking-tighter);
  --ct-type-display-lg-case: uppercase;
  --ct-type-display-md-font: var(--ct-font-family-display);
  --ct-type-display-md-weight: var(--ct-font-weight-bold);
  --ct-type-display-md-size: clamp(2.5rem, 2rem + 2vw, 3.5rem);
  --ct-type-display-md-line: var(--ct-font-line-height-tight);
  --ct-type-display-md-tracking: var(--ct-font-tracking-tight);
  --ct-type-display-md-case: uppercase;
  --ct-type-heading-xl-font: var(--ct-font-family-display);
  --ct-type-heading-xl-weight: var(--ct-font-weight-bold);
  --ct-type-heading-xl-size: clamp(2.25rem, 1.9rem + 1.5vw, 3rem);
  --ct-type-heading-xl-line: var(--ct-font-line-height-tight);
  --ct-type-heading-xl-tracking: var(--ct-font-tracking-tight);
  --ct-type-heading-xl-case: uppercase;
  --ct-type-heading-lg-font: var(--ct-font-family-display);
  --ct-type-heading-lg-weight: var(--ct-font-weight-bold);
  --ct-type-heading-lg-size: clamp(1.875rem, 1.6rem + 1.2vw, 2.5rem);
  --ct-type-heading-lg-line: var(--ct-font-line-height-tight);
  --ct-type-heading-lg-tracking: var(--ct-font-tracking-tight);
  --ct-type-heading-lg-case: uppercase;
  --ct-type-heading-md-font: var(--ct-font-family-display);
  --ct-type-heading-md-weight: var(--ct-font-weight-semibold);
  --ct-type-heading-md-size: var(--ct-font-size-3xl);
  --ct-type-heading-md-line: var(--ct-font-line-height-heading);
  --ct-type-heading-md-tracking: var(--ct-font-tracking-normal);
  --ct-type-heading-md-case: uppercase;
  --ct-type-heading-sm-font: var(--ct-font-family-display);
  --ct-type-heading-sm-weight: var(--ct-font-weight-semibold);
  --ct-type-heading-sm-size: var(--ct-font-size-2xl);
  --ct-type-heading-sm-line: var(--ct-font-line-height-heading);
  --ct-type-heading-sm-tracking: var(--ct-font-tracking-normal);
  --ct-type-heading-sm-case: uppercase;
  --ct-type-heading-xs-font: var(--ct-font-family-sans);
  --ct-type-heading-xs-weight: var(--ct-font-weight-semibold);
  --ct-type-heading-xs-size: var(--ct-font-size-xl);
  --ct-type-heading-xs-line: var(--ct-font-line-height-snug);
  --ct-type-heading-xs-tracking: var(--ct-font-tracking-normal);
  --ct-type-heading-xs-case: none;
  --ct-type-body-lg-font: var(--ct-font-family-sans);
  --ct-type-body-lg-weight: var(--ct-font-weight-regular);
  --ct-type-body-lg-size: var(--ct-font-size-lg);
  --ct-type-body-lg-line: var(--ct-font-line-height-relaxed);
  --ct-type-body-lg-tracking: var(--ct-font-tracking-normal);
  --ct-type-body-lg-case: none;
  --ct-type-body-md-font: var(--ct-font-family-sans);
  --ct-type-body-md-weight: var(--ct-font-weight-regular);
  --ct-type-body-md-size: var(--ct-font-size-md);
  --ct-type-body-md-line: var(--ct-font-line-height-relaxed);
  --ct-type-body-md-tracking: var(--ct-font-tracking-normal);
  --ct-type-body-md-case: none;
  --ct-type-body-sm-font: var(--ct-font-family-sans);
  --ct-type-body-sm-weight: var(--ct-font-weight-regular);
  --ct-type-body-sm-size: var(--ct-font-size-sm);
  --ct-type-body-sm-line: var(--ct-font-line-height-normal);
  --ct-type-body-sm-tracking: var(--ct-font-tracking-normal);
  --ct-type-body-sm-case: none;
  --ct-type-caption-font: var(--ct-font-family-sans);
  --ct-type-caption-weight: var(--ct-font-weight-regular);
  --ct-type-caption-size: var(--ct-font-size-xs);
  --ct-type-caption-line: var(--ct-font-line-height-normal);
  --ct-type-caption-tracking: var(--ct-font-tracking-normal);
  --ct-type-caption-case: none;
  --ct-type-label-lg-font: var(--ct-font-family-sans);
  --ct-type-label-lg-weight: var(--ct-font-weight-semibold);
  --ct-type-label-lg-size: var(--ct-font-size-md);
  --ct-type-label-lg-line: var(--ct-font-line-height-snug);
  --ct-type-label-lg-tracking: var(--ct-font-tracking-normal);
  --ct-type-label-lg-case: none;
  --ct-type-label-md-font: var(--ct-font-family-sans);
  --ct-type-label-md-weight: var(--ct-font-weight-semibold);
  --ct-type-label-md-size: var(--ct-font-size-sm);
  --ct-type-label-md-line: var(--ct-font-line-height-snug);
  --ct-type-label-md-tracking: var(--ct-font-tracking-normal);
  --ct-type-label-md-case: none;
  --ct-type-label-sm-font: var(--ct-font-family-sans);
  --ct-type-label-sm-weight: var(--ct-font-weight-semibold);
  --ct-type-label-sm-size: var(--ct-font-size-xs);
  --ct-type-label-sm-line: var(--ct-font-line-height-snug);
  --ct-type-label-sm-tracking: var(--ct-font-tracking-normal);
  --ct-type-label-sm-case: none;
  --ct-type-overline-font: var(--ct-font-family-display);
  --ct-type-overline-weight: var(--ct-font-weight-semibold);
  --ct-type-overline-size: var(--ct-font-size-sm);
  --ct-type-overline-line: var(--ct-font-line-height-snug);
  --ct-type-overline-tracking: var(--ct-font-tracking-widest);
  --ct-type-overline-case: uppercase;
  --ct-type-button-font: var(--ct-font-family-display);
  --ct-type-button-weight: var(--ct-font-weight-semibold);
  --ct-type-button-size: var(--ct-font-size-md);
  --ct-type-button-line: var(--ct-font-line-height-tight);
  --ct-type-button-tracking: var(--ct-font-tracking-wide);
  --ct-type-button-case: uppercase;
  --ct-type-data-font: var(--ct-font-family-display);
  --ct-type-data-weight: var(--ct-font-weight-bold);
  --ct-type-data-size: var(--ct-font-size-6xl);
  --ct-type-data-line: var(--ct-font-line-height-tight);
  --ct-type-data-tracking: var(--ct-font-tracking-tight);
  --ct-type-data-case: none;
  --ct-type-code-font: var(--ct-font-family-mono);
  --ct-type-code-weight: var(--ct-font-weight-regular);
  --ct-type-code-size: var(--ct-font-size-sm);
  --ct-type-code-line: var(--ct-font-line-height-normal);
  --ct-type-code-tracking: var(--ct-font-tracking-normal);
  --ct-type-code-case: none;
  --ct-z-base: 0;
  --ct-z-raised: 10;
  --ct-z-dropdown: 100;
  --ct-z-sticky: 200;
  --ct-z-header: 300;
  --ct-z-overlay: 400;
  --ct-z-drawer: 500;
  --ct-z-modal: 600;
  --ct-z-popover: 700;
  --ct-z-toast: 800;
  --ct-z-tooltip: 900;
}

:root,
[data-theme="light"] {
  color-scheme: light;
  --ct-bg-canvas: var(--ct-color-sand-100);
  --ct-bg-surface: var(--ct-color-white);
  --ct-bg-surface-subtle: var(--ct-color-sand-50);
  --ct-bg-surface-sunken: var(--ct-color-sand-200);
  --ct-bg-surface-raised: var(--ct-color-white);
  --ct-bg-inverse: var(--ct-color-navy-900);
  --ct-bg-brand: var(--ct-color-navy-900);
  --ct-bg-accent: var(--ct-color-orange-500);
  --ct-bg-accent-subtle: var(--ct-color-orange-50);
  --ct-bg-disabled: var(--ct-color-sand-200);
  --ct-bg-overlay: rgba(7, 17, 28, 0.56);
  --ct-state-hover: rgba(11, 25, 40, 0.06);
  --ct-state-pressed: rgba(11, 25, 40, 0.12);
  --ct-state-selected: rgba(232, 104, 32, 0.12);
  --ct-text-primary: var(--ct-color-navy-900);
  --ct-text-secondary: var(--ct-color-navy-600);
  --ct-text-tertiary: var(--ct-color-navy-500);
  --ct-text-placeholder: var(--ct-color-navy-500);
  --ct-text-disabled: var(--ct-color-navy-300);
  --ct-text-inverse: var(--ct-color-sand-100);
  --ct-text-on-brand: var(--ct-color-sand-100);
  --ct-text-on-accent: var(--ct-color-navy-950);
  --ct-text-accent: var(--ct-color-orange-700);
  --ct-text-link: var(--ct-color-orange-700);
  --ct-text-link-hover: var(--ct-color-orange-800);
  --ct-border-subtle: var(--ct-color-sand-200);
  --ct-border-default: var(--ct-color-sand-300);
  --ct-border-strong: var(--ct-color-navy-300);
  --ct-border-control: var(--ct-color-navy-500);
  --ct-border-control-hover: var(--ct-color-navy-700);
  --ct-border-focus: var(--ct-color-orange-600);
  --ct-border-accent: var(--ct-color-orange-500);
  --ct-border-inverse: var(--ct-color-navy-700);
  --ct-action-primary-bg: var(--ct-color-orange-500);
  --ct-action-primary-bg-hover: var(--ct-color-orange-400);
  --ct-action-primary-bg-pressed: var(--ct-color-orange-600);
  --ct-action-primary-fg: var(--ct-color-navy-950);
  --ct-action-secondary-bg: var(--ct-color-navy-900);
  --ct-action-secondary-bg-hover: var(--ct-color-navy-700);
  --ct-action-secondary-bg-pressed: var(--ct-color-navy-950);
  --ct-action-secondary-fg: var(--ct-color-white);
  --ct-action-neutral-fg: var(--ct-color-navy-900);
  --ct-action-danger-bg: var(--ct-color-red-600);
  --ct-action-danger-bg-hover: var(--ct-color-red-700);
  --ct-action-danger-fg: var(--ct-color-white);
  --ct-action-disabled-bg: var(--ct-color-sand-200);
  --ct-action-disabled-fg: var(--ct-color-navy-300);
  --ct-control-checked-bg: var(--ct-color-navy-900);
  --ct-control-checked-bg-hover: var(--ct-color-navy-700);
  --ct-control-checked-fg: var(--ct-color-white);
  --ct-control-track: var(--ct-color-navy-200);
  --ct-feedback-success-fg: var(--ct-color-green-600);
  --ct-feedback-success-bg: var(--ct-color-green-50);
  --ct-feedback-success-border: var(--ct-color-green-100);
  --ct-feedback-success-solid: var(--ct-color-green-600);
  --ct-feedback-warning-fg: var(--ct-color-amber-700);
  --ct-feedback-warning-bg: var(--ct-color-amber-50);
  --ct-feedback-warning-border: var(--ct-color-amber-100);
  --ct-feedback-warning-solid: var(--ct-color-amber-500);
  --ct-feedback-error-fg: var(--ct-color-red-600);
  --ct-feedback-error-bg: var(--ct-color-red-50);
  --ct-feedback-error-border: var(--ct-color-red-100);
  --ct-feedback-error-solid: var(--ct-color-red-600);
  --ct-feedback-info-fg: var(--ct-color-blue-600);
  --ct-feedback-info-bg: var(--ct-color-blue-50);
  --ct-feedback-info-border: var(--ct-color-blue-100);
  --ct-feedback-info-solid: var(--ct-color-blue-600);
  --ct-shadow-0: none;
  --ct-shadow-1: 0 1px 2px rgba(7, 17, 28, 0.06), 0 1px 3px rgba(7, 17, 28, 0.08);
  --ct-shadow-2: 0 2px 4px rgba(7, 17, 28, 0.06), 0 8px 20px -4px rgba(7, 17, 28, 0.14);
  --ct-shadow-3: 0 12px 32px -8px rgba(7, 17, 28, 0.2);
  --ct-shadow-4: 0 24px 56px -12px rgba(7, 17, 28, 0.28);
}

[data-theme="dark"] {
  color-scheme: dark;
  --ct-bg-canvas: var(--ct-color-navy-950);
  --ct-bg-surface: var(--ct-color-navy-900);
  --ct-bg-surface-subtle: var(--ct-color-navy-800);
  --ct-bg-surface-sunken: var(--ct-color-navy-950);
  --ct-bg-surface-raised: var(--ct-color-navy-800);
  --ct-bg-inverse: var(--ct-color-sand-100);
  --ct-bg-brand: var(--ct-color-navy-800);
  --ct-bg-accent: var(--ct-color-orange-500);
  --ct-bg-accent-subtle: rgba(232, 104, 32, 0.14);
  --ct-bg-disabled: var(--ct-color-navy-800);
  --ct-bg-overlay: rgba(3, 8, 14, 0.72);
  --ct-state-hover: rgba(244, 238, 227, 0.08);
  --ct-state-pressed: rgba(244, 238, 227, 0.14);
  --ct-state-selected: rgba(240, 122, 53, 0.18);
  --ct-text-primary: var(--ct-color-sand-100);
  --ct-text-secondary: var(--ct-color-navy-200);
  --ct-text-tertiary: var(--ct-color-navy-300);
  --ct-text-placeholder: var(--ct-color-navy-400);
  --ct-text-disabled: var(--ct-color-navy-600);
  --ct-text-inverse: var(--ct-color-navy-900);
  --ct-text-on-brand: var(--ct-color-sand-100);
  --ct-text-on-accent: var(--ct-color-navy-950);
  --ct-text-accent: var(--ct-color-orange-400);
  --ct-text-link: var(--ct-color-orange-400);
  --ct-text-link-hover: var(--ct-color-orange-300);
  --ct-border-subtle: var(--ct-color-navy-800);
  --ct-border-default: var(--ct-color-navy-700);
  --ct-border-strong: var(--ct-color-navy-600);
  --ct-border-control: var(--ct-color-navy-400);
  --ct-border-control-hover: var(--ct-color-navy-300);
  --ct-border-focus: var(--ct-color-orange-400);
  --ct-border-accent: var(--ct-color-orange-500);
  --ct-border-inverse: var(--ct-color-sand-300);
  --ct-action-primary-bg: var(--ct-color-orange-500);
  --ct-action-primary-bg-hover: var(--ct-color-orange-400);
  --ct-action-primary-bg-pressed: var(--ct-color-orange-600);
  --ct-action-primary-fg: var(--ct-color-navy-950);
  --ct-action-secondary-bg: var(--ct-color-sand-100);
  --ct-action-secondary-bg-hover: var(--ct-color-white);
  --ct-action-secondary-bg-pressed: var(--ct-color-sand-200);
  --ct-action-secondary-fg: var(--ct-color-navy-900);
  --ct-action-neutral-fg: var(--ct-color-sand-100);
  --ct-action-danger-bg: var(--ct-color-red-500);
  --ct-action-danger-bg-hover: var(--ct-color-red-600);
  --ct-action-danger-fg: var(--ct-color-white);
  --ct-action-disabled-bg: var(--ct-color-navy-800);
  --ct-action-disabled-fg: var(--ct-color-navy-600);
  --ct-control-checked-bg: var(--ct-color-sand-100);
  --ct-control-checked-bg-hover: var(--ct-color-white);
  --ct-control-checked-fg: var(--ct-color-navy-900);
  --ct-control-track: var(--ct-color-navy-700);
  --ct-feedback-success-fg: var(--ct-color-green-300);
  --ct-feedback-success-bg: rgba(111, 191, 148, 0.12);
  --ct-feedback-success-border: rgba(111, 191, 148, 0.32);
  --ct-feedback-success-solid: var(--ct-color-green-400);
  --ct-feedback-warning-fg: var(--ct-color-amber-300);
  --ct-feedback-warning-bg: rgba(232, 184, 79, 0.12);
  --ct-feedback-warning-border: rgba(232, 184, 79, 0.32);
  --ct-feedback-warning-solid: var(--ct-color-amber-400);
  --ct-feedback-error-fg: var(--ct-color-red-300);
  --ct-feedback-error-bg: rgba(232, 138, 130, 0.12);
  --ct-feedback-error-border: rgba(232, 138, 130, 0.32);
  --ct-feedback-error-solid: var(--ct-color-red-400);
  --ct-feedback-info-fg: var(--ct-color-blue-300);
  --ct-feedback-info-bg: rgba(127, 169, 209, 0.12);
  --ct-feedback-info-border: rgba(127, 169, 209, 0.32);
  --ct-feedback-info-solid: var(--ct-color-blue-400);
  --ct-shadow-0: none;
  --ct-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --ct-shadow-2: 0 2px 4px rgba(0, 0, 0, 0.4), 0 8px 20px -4px rgba(0, 0, 0, 0.56);
  --ct-shadow-3: 0 12px 32px -8px rgba(0, 0, 0, 0.64);
  --ct-shadow-4: 0 24px 56px -12px rgba(0, 0, 0, 0.72);
}

@media (prefers-color-scheme: dark) {
  [data-theme="system"] {
    color-scheme: dark;
    --ct-bg-canvas: var(--ct-color-navy-950);
    --ct-bg-surface: var(--ct-color-navy-900);
    --ct-bg-surface-subtle: var(--ct-color-navy-800);
    --ct-bg-surface-sunken: var(--ct-color-navy-950);
    --ct-bg-surface-raised: var(--ct-color-navy-800);
    --ct-bg-inverse: var(--ct-color-sand-100);
    --ct-bg-brand: var(--ct-color-navy-800);
    --ct-bg-accent: var(--ct-color-orange-500);
    --ct-bg-accent-subtle: rgba(232, 104, 32, 0.14);
    --ct-bg-disabled: var(--ct-color-navy-800);
    --ct-bg-overlay: rgba(3, 8, 14, 0.72);
    --ct-state-hover: rgba(244, 238, 227, 0.08);
    --ct-state-pressed: rgba(244, 238, 227, 0.14);
    --ct-state-selected: rgba(240, 122, 53, 0.18);
    --ct-text-primary: var(--ct-color-sand-100);
    --ct-text-secondary: var(--ct-color-navy-200);
    --ct-text-tertiary: var(--ct-color-navy-300);
    --ct-text-placeholder: var(--ct-color-navy-400);
    --ct-text-disabled: var(--ct-color-navy-600);
    --ct-text-inverse: var(--ct-color-navy-900);
    --ct-text-on-brand: var(--ct-color-sand-100);
    --ct-text-on-accent: var(--ct-color-navy-950);
    --ct-text-accent: var(--ct-color-orange-400);
    --ct-text-link: var(--ct-color-orange-400);
    --ct-text-link-hover: var(--ct-color-orange-300);
    --ct-border-subtle: var(--ct-color-navy-800);
    --ct-border-default: var(--ct-color-navy-700);
    --ct-border-strong: var(--ct-color-navy-600);
    --ct-border-control: var(--ct-color-navy-400);
    --ct-border-control-hover: var(--ct-color-navy-300);
    --ct-border-focus: var(--ct-color-orange-400);
    --ct-border-accent: var(--ct-color-orange-500);
    --ct-border-inverse: var(--ct-color-sand-300);
    --ct-action-primary-bg: var(--ct-color-orange-500);
    --ct-action-primary-bg-hover: var(--ct-color-orange-400);
    --ct-action-primary-bg-pressed: var(--ct-color-orange-600);
    --ct-action-primary-fg: var(--ct-color-navy-950);
    --ct-action-secondary-bg: var(--ct-color-sand-100);
    --ct-action-secondary-bg-hover: var(--ct-color-white);
    --ct-action-secondary-bg-pressed: var(--ct-color-sand-200);
    --ct-action-secondary-fg: var(--ct-color-navy-900);
    --ct-action-neutral-fg: var(--ct-color-sand-100);
    --ct-action-danger-bg: var(--ct-color-red-500);
    --ct-action-danger-bg-hover: var(--ct-color-red-600);
    --ct-action-danger-fg: var(--ct-color-white);
    --ct-action-disabled-bg: var(--ct-color-navy-800);
    --ct-action-disabled-fg: var(--ct-color-navy-600);
    --ct-control-checked-bg: var(--ct-color-sand-100);
    --ct-control-checked-bg-hover: var(--ct-color-white);
    --ct-control-checked-fg: var(--ct-color-navy-900);
    --ct-control-track: var(--ct-color-navy-700);
    --ct-feedback-success-fg: var(--ct-color-green-300);
    --ct-feedback-success-bg: rgba(111, 191, 148, 0.12);
    --ct-feedback-success-border: rgba(111, 191, 148, 0.32);
    --ct-feedback-success-solid: var(--ct-color-green-400);
    --ct-feedback-warning-fg: var(--ct-color-amber-300);
    --ct-feedback-warning-bg: rgba(232, 184, 79, 0.12);
    --ct-feedback-warning-border: rgba(232, 184, 79, 0.32);
    --ct-feedback-warning-solid: var(--ct-color-amber-400);
    --ct-feedback-error-fg: var(--ct-color-red-300);
    --ct-feedback-error-bg: rgba(232, 138, 130, 0.12);
    --ct-feedback-error-border: rgba(232, 138, 130, 0.32);
    --ct-feedback-error-solid: var(--ct-color-red-400);
    --ct-feedback-info-fg: var(--ct-color-blue-300);
    --ct-feedback-info-bg: rgba(127, 169, 209, 0.12);
    --ct-feedback-info-border: rgba(127, 169, 209, 0.32);
    --ct-feedback-info-solid: var(--ct-color-blue-400);
    --ct-shadow-0: none;
    --ct-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
    --ct-shadow-2: 0 2px 4px rgba(0, 0, 0, 0.4), 0 8px 20px -4px rgba(0, 0, 0, 0.56);
    --ct-shadow-3: 0 12px 32px -8px rgba(0, 0, 0, 0.64);
    --ct-shadow-4: 0 24px 56px -12px rgba(0, 0, 0, 0.72);
  }
}