/* ============================================================
   퍼블릭아이디 디자인시스템 (PI-DS) — GENERATED, 직접 수정 금지
   소스: _design-system/tokens/*.json · 생성: build/build-tokens.mjs
   색 정본: ../BRAND_CONSTANTS.md (verify-tokens.mjs가 일치 검사)
   ============================================================ */
:root {
  /* — Tier1 Primitive — */
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-teal-50: #E6F6F9;
  --color-teal-100: #DFF3F6;
  --color-teal-200: #B9E6ED;
  --color-teal-300: #7FD2DF;
  --color-teal-400: #38B4CA;
  --color-teal-500: #069CBB;
  --color-teal-600: #0A8296;
  --color-teal-700: #0B6C7D;
  --color-teal-800: #0D5663;
  --color-teal-900: #103F49;
  --color-teal-deep: #17A2AE;
  --color-lime-50: #F7FBE0;
  --color-lime-100: #EEF6C0;
  --color-lime-200: #E2ED8E;
  --color-lime-300: #D7E34D;
  --color-lime-400: #CADA1F;
  --color-lime-500: #CADA1F;
  --color-lime-600: #A9B81B;
  --color-lime-700: #879417;
  --color-lime-800: #656F11;
  --color-lime-900: #424A0B;
  --color-lime-deep: #92BB2F;
  --color-yellow-50: #FFF9DB;
  --color-yellow-100: #FFF1B0;
  --color-yellow-200: #FFE680;
  --color-yellow-300: #FFDD4D;
  --color-yellow-400: #FFD623;
  --color-yellow-500: #FFD200;
  --color-yellow-600: #D9B200;
  --color-yellow-700: #A88A00;
  --color-yellow-800: #786200;
  --color-yellow-900: #4A3D00;
  --color-navy-50: #EEF3F5;
  --color-navy-100: #D3DEE2;
  --color-navy-200: #9FB3BB;
  --color-navy-300: #6B8893;
  --color-navy-400: #3D5E6B;
  --color-navy-500: #16303D;
  --color-navy-600: #122631;
  --color-navy-700: #0F2530;
  --color-navy-800: #0B1C24;
  --color-navy-900: #071318;
  --color-gray-50: #F6F8F8;
  --color-gray-100: #EDF1F2;
  --color-gray-200: #E4EAEB;
  --color-gray-300: #CDD5D8;
  --color-gray-400: #9AA7AE;
  --color-gray-500: #6B7780;
  --color-gray-600: #58595B;
  --color-gray-700: #3C4A52;
  --color-gray-800: #283238;
  --color-gray-900: #1A2227;
  --color-ink: #0F172A;
  --color-state-success: #2E9E5B;
  --color-state-success-deep: #1E7A46;
  --color-state-success-bg: #E8F6EE;
  --color-state-success-border: #B7E2C8;
  --color-state-warning: #E2842F;
  --color-state-warning-deep: #C2641B;
  --color-state-warning-bg: #FCF4EC;
  --color-state-warning-border: #F4D7BC;
  --color-state-danger: #C9403C;
  --color-state-danger-deep: #B5322E;
  --color-state-danger-bg: #FBEEEE;
  --color-state-danger-border: #F0CBCA;
  --gradient-arch: linear-gradient(95deg, #CADA1F 0%, #7CC63F 42%, #069CBB 100%);
  --space-0: 0;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 20px;
  --space-7: 24px;
  --space-8: 32px;
  --space-9: 40px;
  --space-10: 48px;
  --space-11: 64px;
  --space-12: 80px;
  --space-13: 96px;
  --space-14: 128px;
  --radius-none: 0;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;
  --border-thin: 1px;
  --border-medium: 2px;
  --border-thick: 3px;
  --shadow-0: none;
  --shadow-1: 0 1px 2px rgba(15,23,42,0.06), 0 1px 3px rgba(15,23,42,0.10);
  --shadow-2: 0 2px 8px rgba(15,23,42,0.08), 0 4px 12px rgba(15,23,42,0.06);
  --shadow-3: 0 8px 24px rgba(15,23,42,0.10), 0 4px 8px rgba(15,23,42,0.06);
  --shadow-4: 0 16px 48px rgba(15,23,42,0.14), 0 8px 16px rgba(15,23,42,0.08);
  --shadow-focus: 0 0 0 3px rgba(6,156,187,0.35);
  --duration-instant: 0ms;
  --duration-fast: 100ms;
  --duration-base: 150ms;
  --duration-moderate: 200ms;
  --duration-slow: 300ms;
  --duration-slower: 500ms;
  --duration-reveal: 700ms;
  --easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --easing-out: cubic-bezier(0.16, 1, 0.3, 1);
  --easing-in: cubic-bezier(0.4, 0, 1, 1);
  --easing-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --easing-linear: linear;
  --font-family-sans: Pretendard, ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-family-display: 'Plus Jakarta Sans', Pretendard, ui-sans-serif, sans-serif;
  --font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, monospace;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --font-size-2xs: 11px;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-md: 18px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-2xl: 30px;
  --font-size-3xl: 36px;
  --font-size-4xl: 48px;
  --font-size-5xl: 60px;
  --font-size-6xl: 72px;
  --font-lh-tight: 1.12;
  --font-lh-snug: 1.22;
  --font-lh-normal: 1.5;
  --font-lh-relaxed: 1.65;
  --font-lh-loose: 1.8;
  --font-ls-tighter: -0.03em;
  --font-ls-tight: -0.02em;
  --font-ls-normal: -0.011em;
  --font-ls-wide: 0.04em;
  --font-ls-wider: 0.18em;
  --opacity-disabled: 0.4;
  --opacity-muted: 0.7;
  --opacity-hover: 0.92;
  --target-min: 44px;
  --layout-container-max: 1200px;
  --layout-content-max: 860px;
  --layout-sidebar-width: 240px;
  --layout-bp-tablet: 768px;
  --layout-bp-desktop: 1200px;
  --z-base: 0;
  --z-dropdown: 1000;
  --z-sticky: 1100;
  --z-overlay: 1200;
  --z-modal: 1300;
  --z-toast: 1400;
  /* — Tier2 Semantic (light) — */
  --color-bg-canvas: var(--color-white);
  --color-bg-subtle: var(--color-gray-50);
  --color-bg-inverse: var(--color-navy-500);
  --color-bg-overlay: rgba(15,23,42,0.6);
  --color-surface-default: var(--color-white);
  --color-surface-raised: var(--color-white);
  --color-surface-sunken: var(--color-gray-50);
  --color-surface-inverse: var(--color-navy-500);
  --color-text-heading: var(--color-ink);
  --color-text-primary: var(--color-gray-900);
  --color-text-secondary: var(--color-gray-700);
  --color-text-muted: var(--color-gray-500);
  --color-text-faint: var(--color-gray-400);
  --color-text-inverse: #EAF1F2;
  --color-text-brand: var(--color-teal-500);
  --color-text-link: var(--color-teal-700);
  --color-text-on-brand: var(--color-white);
  --color-border-default: var(--color-gray-200);
  --color-border-subtle: var(--color-gray-100);
  --color-border-strong: var(--color-gray-300);
  --color-border-focus: var(--color-teal-500);
  --color-brand-primary: var(--color-teal-500);
  --color-brand-primary-hover: var(--color-teal-600);
  --color-brand-primary-active: var(--color-teal-700);
  --color-brand-accent: var(--color-lime-500);
  --color-brand-signature: var(--color-yellow-500);
  --color-brand-anchor: var(--color-navy-500);
  --color-brand-arch: var(--gradient-arch);
  --color-interactive-default: var(--color-teal-500);
  --color-interactive-hover: var(--color-teal-600);
  --color-interactive-active: var(--color-teal-700);
  --color-interactive-focus-ring: var(--shadow-focus);
  --color-state-success-fg: var(--color-state-success-deep);
  --color-state-success-bg: var(--color-state-success-bg);
  --color-state-success-solid: var(--color-state-success);
  --color-state-success-border: var(--color-state-success-border);
  --color-state-warning-fg: var(--color-state-warning-deep);
  --color-state-warning-bg: var(--color-state-warning-bg);
  --color-state-warning-solid: var(--color-state-warning);
  --color-state-warning-border: var(--color-state-warning-border);
  --color-state-danger-fg: var(--color-state-danger-deep);
  --color-state-danger-bg: var(--color-state-danger-bg);
  --color-state-danger-solid: var(--color-state-danger);
  --color-state-danger-border: var(--color-state-danger-border);
  --color-state-info-fg: var(--color-teal-700);
  --color-state-info-bg: var(--color-teal-50);
  --color-state-info-solid: var(--color-teal-500);
  --color-state-info-border: var(--color-teal-200);
  --text-display-family: var(--font-family-display);
  --text-display-weight: var(--font-weight-black);
  --text-display-size: var(--font-size-5xl);
  --text-display-line-height: var(--font-lh-tight);
  --text-display-letter-spacing: var(--font-ls-tighter);
  --text-display: var(--font-weight-black) var(--font-size-5xl)/var(--font-lh-tight) var(--font-family-display);
  --text-h1-family: var(--font-family-sans);
  --text-h1-weight: var(--font-weight-black);
  --text-h1-size: var(--font-size-4xl);
  --text-h1-line-height: var(--font-lh-tight);
  --text-h1-letter-spacing: var(--font-ls-tighter);
  --text-h1: var(--font-weight-black) var(--font-size-4xl)/var(--font-lh-tight) var(--font-family-sans);
  --text-h2-family: var(--font-family-sans);
  --text-h2-weight: var(--font-weight-extrabold);
  --text-h2-size: var(--font-size-3xl);
  --text-h2-line-height: var(--font-lh-snug);
  --text-h2-letter-spacing: var(--font-ls-tight);
  --text-h2: var(--font-weight-extrabold) var(--font-size-3xl)/var(--font-lh-snug) var(--font-family-sans);
  --text-h3-family: var(--font-family-sans);
  --text-h3-weight: var(--font-weight-extrabold);
  --text-h3-size: var(--font-size-2xl);
  --text-h3-line-height: var(--font-lh-snug);
  --text-h3-letter-spacing: var(--font-ls-tight);
  --text-h3: var(--font-weight-extrabold) var(--font-size-2xl)/var(--font-lh-snug) var(--font-family-sans);
  --text-h4-family: var(--font-family-sans);
  --text-h4-weight: var(--font-weight-bold);
  --text-h4-size: var(--font-size-xl);
  --text-h4-line-height: var(--font-lh-snug);
  --text-h4-letter-spacing: var(--font-ls-tight);
  --text-h4: var(--font-weight-bold) var(--font-size-xl)/var(--font-lh-snug) var(--font-family-sans);
  --text-title-family: var(--font-family-sans);
  --text-title-weight: var(--font-weight-bold);
  --text-title-size: var(--font-size-lg);
  --text-title-line-height: var(--font-lh-normal);
  --text-title-letter-spacing: var(--font-ls-tight);
  --text-title: var(--font-weight-bold) var(--font-size-lg)/var(--font-lh-normal) var(--font-family-sans);
  --text-body-lg-family: var(--font-family-sans);
  --text-body-lg-weight: var(--font-weight-regular);
  --text-body-lg-size: var(--font-size-md);
  --text-body-lg-line-height: var(--font-lh-relaxed);
  --text-body-lg-letter-spacing: var(--font-ls-normal);
  --text-body-lg: var(--font-weight-regular) var(--font-size-md)/var(--font-lh-relaxed) var(--font-family-sans);
  --text-body-family: var(--font-family-sans);
  --text-body-weight: var(--font-weight-regular);
  --text-body-size: var(--font-size-base);
  --text-body-line-height: var(--font-lh-relaxed);
  --text-body-letter-spacing: var(--font-ls-normal);
  --text-body: var(--font-weight-regular) var(--font-size-base)/var(--font-lh-relaxed) var(--font-family-sans);
  --text-body-sm-family: var(--font-family-sans);
  --text-body-sm-weight: var(--font-weight-regular);
  --text-body-sm-size: var(--font-size-sm);
  --text-body-sm-line-height: var(--font-lh-normal);
  --text-body-sm-letter-spacing: var(--font-ls-normal);
  --text-body-sm: var(--font-weight-regular) var(--font-size-sm)/var(--font-lh-normal) var(--font-family-sans);
  --text-label-family: var(--font-family-sans);
  --text-label-weight: var(--font-weight-semibold);
  --text-label-size: var(--font-size-sm);
  --text-label-line-height: var(--font-lh-normal);
  --text-label-letter-spacing: var(--font-ls-normal);
  --text-label: var(--font-weight-semibold) var(--font-size-sm)/var(--font-lh-normal) var(--font-family-sans);
  --text-caption-family: var(--font-family-sans);
  --text-caption-weight: var(--font-weight-medium);
  --text-caption-size: var(--font-size-xs);
  --text-caption-line-height: var(--font-lh-normal);
  --text-caption-letter-spacing: var(--font-ls-normal);
  --text-caption: var(--font-weight-medium) var(--font-size-xs)/var(--font-lh-normal) var(--font-family-sans);
  --text-eyebrow-family: var(--font-family-display);
  --text-eyebrow-weight: var(--font-weight-extrabold);
  --text-eyebrow-size: var(--font-size-xs);
  --text-eyebrow-line-height: var(--font-lh-normal);
  --text-eyebrow-letter-spacing: var(--font-ls-wider);
  --text-eyebrow: var(--font-weight-extrabold) var(--font-size-xs)/var(--font-lh-normal) var(--font-family-display);
  /* — Tier3 Component — */
  --button-radius: var(--radius-md);
  --button-pad-x: var(--space-7);
  --button-pad-y: var(--space-4);
  --button-gap: var(--space-3);
  --button-primary-bg: var(--color-brand-primary);
  --button-primary-bg-hover: var(--color-brand-primary-hover);
  --button-primary-bg-active: var(--color-brand-primary-active);
  --button-primary-fg: var(--color-text-on-brand);
  --button-secondary-fg: var(--color-brand-primary);
  --button-secondary-border: var(--color-brand-primary);
  --button-secondary-bg-hover: var(--color-teal-50);
  --button-ghost-fg: var(--color-text-primary);
  --button-ghost-bg-hover: var(--color-gray-100);
  --button-cta-bg: var(--color-brand-accent);
  --button-cta-fg: var(--color-navy-500);
  --button-cta-radius: var(--radius-full);
  --button-disabled-opacity: var(--opacity-disabled);
  --card-bg: var(--color-surface-default);
  --card-border: var(--color-border-default);
  --card-radius: var(--radius-lg);
  --card-pad: var(--space-7);
  --card-shadow: var(--shadow-1);
  --card-shadow-hover: var(--shadow-2);
  --card-accent-border: var(--color-brand-primary);
  --card-dark-bg: var(--color-navy-500);
  --card-dark-fg: #D8E4E7;
  --chip-bg: var(--color-gray-100);
  --chip-fg: var(--color-text-secondary);
  --chip-radius: var(--radius-full);
  --chip-pad-x: var(--space-4);
  --chip-pad-y: var(--space-2);
  --badge-bg: var(--color-teal-50);
  --badge-fg: var(--color-teal-700);
  --badge-radius: var(--radius-sm);
  --input-bg: var(--color-surface-default);
  --input-fg: var(--color-text-primary);
  --input-placeholder: var(--color-text-faint);
  --input-border: var(--color-border-default);
  --input-border-focus: var(--color-border-focus);
  --input-radius: var(--radius-md);
  --input-pad-x: var(--space-5);
  --input-pad-y: var(--space-4);
  --table-header-bg: var(--color-brand-anchor);
  --table-header-fg: var(--color-white);
  --table-cell-border: var(--color-border-default);
  --table-row-alt-bg: var(--color-gray-50);
  --callout-border: var(--color-brand-primary);
  --callout-bg: var(--color-gray-50);
  --callout-radius: var(--radius-md);
  --callout-pad: var(--space-6);
  --kpi-value-color: var(--color-brand-anchor);
  --kpi-unit-color: var(--color-brand-primary);
  --kpi-label-color: var(--color-text-muted);
  --link-color: var(--color-text-link);
  --link-underline: var(--gradient-arch);
  --link-underline-dur: var(--duration-slow);
  --focus-ring: var(--shadow-focus);
  --focus-outline: var(--color-teal-700);
  --focus-offset: var(--space-1);
  --modal-overlay-bg: var(--color-bg-overlay);
  --modal-bg: var(--color-surface-raised);
  --modal-radius: var(--radius-xl);
  --modal-pad: var(--space-8);
  --modal-shadow: var(--shadow-4);
  --modal-max-width: 560px;
  --tab-gap: var(--space-6);
  --tab-pad-x: var(--space-5);
  --tab-pad-y: var(--space-4);
  --tab-fg: var(--color-text-muted);
  --tab-fg-active: var(--color-brand-primary);
  --tab-border: var(--color-border-default);
  --tab-indicator: var(--color-brand-primary);
  --tab-indicator-size: var(--border-medium);
  --accordion-border: var(--color-border-default);
  --accordion-radius: var(--radius-md);
  --accordion-header-pad: var(--space-5);
  --accordion-header-fg: var(--color-text-heading);
  --accordion-icon-fg: var(--color-brand-primary);
  --accordion-panel-fg: var(--color-text-secondary);
  --toast-bg: var(--color-brand-anchor);
  --toast-fg: var(--color-text-inverse);
  --toast-radius: var(--radius-md);
  --toast-pad-x: var(--space-6);
  --toast-pad-y: var(--space-4);
  --toast-shadow: var(--shadow-3);
  --pagination-size: var(--target-min);
  --pagination-radius: var(--radius-md);
  --pagination-fg: var(--color-text-secondary);
  --pagination-bg-current: var(--color-brand-primary);
  --pagination-fg-current: var(--color-text-on-brand);
  --step-size: var(--space-8);
  --step-bg-pending: var(--color-gray-100);
  --step-bg-active: var(--color-brand-primary);
  --step-bg-done: var(--color-brand-primary-active);
  --step-fg-active: var(--color-text-on-brand);
  --step-fg-pending: var(--color-text-faint);
  --step-connector: var(--color-border-default);
  --step-label-fg: var(--color-text-secondary);
  --tooltip-bg: var(--color-brand-anchor);
  --tooltip-fg: var(--color-text-inverse);
  --tooltip-radius: var(--radius-sm);
  --tooltip-pad-x: var(--space-4);
  --tooltip-pad-y: var(--space-3);
  --breadcrumb-fg: var(--color-text-muted);
  --breadcrumb-fg-current: var(--color-text-primary);
  --breadcrumb-separator: var(--color-text-faint);
  --upload-border: var(--color-border-strong);
  --upload-border-active: var(--color-brand-primary);
  --upload-bg: var(--color-surface-sunken);
  --upload-bg-active: var(--color-teal-50);
  --upload-radius: var(--radius-md);
  --upload-pad: var(--space-8);
  --upload-icon-fg: var(--color-brand-primary);
  --spinner-track: var(--color-gray-200);
  --spinner-indicator: var(--color-brand-primary);
  --spinner-size: var(--space-9);
  --skiplink-bg: var(--color-brand-anchor);
  --skiplink-fg: var(--color-text-inverse);
  --skiplink-pad-x: var(--space-6);
  --skiplink-pad-y: var(--space-4);
  --checkbox-size: var(--space-5);
  --checkbox-target: var(--target-min);
  --checkbox-border: var(--color-border-strong);
  --checkbox-bg-checked: var(--color-brand-primary);
  --checkbox-fg-check: var(--color-white);
  --checkbox-radius: var(--radius-sm);
  --radio-size: var(--space-5);
  --radio-target: var(--target-min);
  --radio-border: var(--color-border-strong);
  --radio-dot: var(--color-brand-primary);
  --toggle-track-width: var(--space-10);
  --toggle-track-height: var(--space-7);
  --toggle-track-off: var(--color-gray-300);
  --toggle-track-on: var(--color-brand-primary);
  --toggle-thumb: var(--color-white);
  --select-arrow-fg: var(--color-text-muted);
}

[data-theme="dark"], .theme-dark {
  /* — Semantic overrides (dark) — */
  --color-bg-canvas: var(--color-navy-500);
  --color-bg-subtle: var(--color-navy-600);
  --color-bg-inverse: var(--color-gray-50);
  --color-surface-default: var(--color-navy-600);
  --color-surface-raised: var(--color-navy-400);
  --color-surface-sunken: var(--color-navy-700);
  --color-surface-inverse: var(--color-white);
  --color-text-heading: var(--color-white);
  --color-text-primary: #EAF1F2;
  --color-text-secondary: #B9CCD2;
  --color-text-muted: #8FA8B0;
  --color-text-faint: var(--color-navy-200);
  --color-text-inverse: var(--color-ink);
  --color-text-brand: var(--color-teal-300);
  --color-text-link: var(--color-teal-300);
  --color-text-on-brand: var(--color-navy-500);
  --color-border-default: rgba(255,255,255,0.14);
  --color-border-subtle: rgba(255,255,255,0.08);
  --color-border-strong: rgba(255,255,255,0.28);
  --color-border-focus: var(--color-teal-300);
  --color-brand-primary: var(--color-teal-400);
  --color-brand-primary-hover: var(--color-teal-300);
  --color-brand-primary-active: var(--color-teal-200);
  --color-brand-accent: var(--color-lime-400);
  --color-brand-signature: var(--color-yellow-500);
  --color-brand-anchor: var(--color-navy-700);
  --color-interactive-default: var(--color-teal-400);
  --color-interactive-hover: var(--color-teal-300);
  --color-interactive-active: var(--color-teal-200);
  --color-state-success-bg: #123528;
  --color-state-warning-bg: #3A2A14;
  --color-state-danger-bg: #3A1E1D;
  --color-state-info-bg: var(--color-navy-600);
  --button-secondary-bg-hover: var(--color-teal-900);
  --button-ghost-bg-hover: rgba(255,255,255,0.08);
  --table-row-alt-bg: rgba(255,255,255,0.04);
  --chip-bg: var(--color-navy-400);
  --badge-bg: var(--color-teal-900);
  --badge-fg: var(--color-teal-200);
  --callout-bg: var(--color-navy-600);
  --step-bg-pending: var(--color-navy-400);
  --spinner-track: rgba(255,255,255,0.18);
  --toast-bg: var(--color-navy-400);
  --toast-fg: var(--color-gray-50);
  --tooltip-bg: var(--color-navy-400);
  --tooltip-fg: var(--color-gray-50);
  --skiplink-bg: var(--color-navy-400);
  --skiplink-fg: var(--color-gray-50);
  --card-dark-bg: var(--color-navy-700);
  --kpi-value-color: var(--color-white);
  --upload-bg-active: var(--color-teal-900);
  --toggle-track-off: var(--color-navy-300);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg-canvas: var(--color-navy-500);
    --color-bg-subtle: var(--color-navy-600);
    --color-bg-inverse: var(--color-gray-50);
    --color-surface-default: var(--color-navy-600);
    --color-surface-raised: var(--color-navy-400);
    --color-surface-sunken: var(--color-navy-700);
    --color-surface-inverse: var(--color-white);
    --color-text-heading: var(--color-white);
    --color-text-primary: #EAF1F2;
    --color-text-secondary: #B9CCD2;
    --color-text-muted: #8FA8B0;
    --color-text-faint: var(--color-navy-200);
    --color-text-inverse: var(--color-ink);
    --color-text-brand: var(--color-teal-300);
    --color-text-link: var(--color-teal-300);
    --color-text-on-brand: var(--color-navy-500);
    --color-border-default: rgba(255,255,255,0.14);
    --color-border-subtle: rgba(255,255,255,0.08);
    --color-border-strong: rgba(255,255,255,0.28);
    --color-border-focus: var(--color-teal-300);
    --color-brand-primary: var(--color-teal-400);
    --color-brand-primary-hover: var(--color-teal-300);
    --color-brand-primary-active: var(--color-teal-200);
    --color-brand-accent: var(--color-lime-400);
    --color-brand-signature: var(--color-yellow-500);
    --color-brand-anchor: var(--color-navy-700);
    --color-interactive-default: var(--color-teal-400);
    --color-interactive-hover: var(--color-teal-300);
    --color-interactive-active: var(--color-teal-200);
    --color-state-success-bg: #123528;
    --color-state-warning-bg: #3A2A14;
    --color-state-danger-bg: #3A1E1D;
    --color-state-info-bg: var(--color-navy-600);
    --button-secondary-bg-hover: var(--color-teal-900);
    --button-ghost-bg-hover: rgba(255,255,255,0.08);
    --table-row-alt-bg: rgba(255,255,255,0.04);
    --chip-bg: var(--color-navy-400);
    --badge-bg: var(--color-teal-900);
    --badge-fg: var(--color-teal-200);
    --callout-bg: var(--color-navy-600);
    --step-bg-pending: var(--color-navy-400);
    --spinner-track: rgba(255,255,255,0.18);
    --toast-bg: var(--color-navy-400);
    --toast-fg: var(--color-gray-50);
    --tooltip-bg: var(--color-navy-400);
    --tooltip-fg: var(--color-gray-50);
    --skiplink-bg: var(--color-navy-400);
    --skiplink-fg: var(--color-gray-50);
    --card-dark-bg: var(--color-navy-700);
    --kpi-value-color: var(--color-white);
    --upload-bg-active: var(--color-teal-900);
    --toggle-track-off: var(--color-navy-300);
  }
}