/* Ella-Reno tokens v4.1.0 - generated by build_tokens.py from DTCG JSON - do not edit */
:root {
  --border-width-focus: 3px;
  --border-width-hairline: 1px;
  --border-width-strong: 2px;
  --breakpoint-lg: 1068px;
  --breakpoint-md: 734px;
  --breakpoint-sm: 480px;
  --button-primary-bg: var(--color-action-fill);
  --button-primary-bg-hover: var(--color-action-fill-hover);
  --button-primary-label: var(--color-action-on-fill);
  --button-secondary-bg: var(--color-bg-raised);
  --button-secondary-border: var(--color-border-strong);
  --button-secondary-label: var(--color-text-primary);
  --chip-sample-bg: var(--color-bg-sunken);
  --chip-sample-text: var(--color-text-primary);
  --color-action-default: var(--color-membrane-600);
  --color-action-fill: var(--color-membrane-600);
  --color-action-fill-hover: var(--color-membrane-700);
  --color-action-hover: var(--color-membrane-700);
  --color-action-on: var(--color-porcelain-0);
  --color-action-on-fill: var(--color-porcelain-0);
  --color-action-on-soft: var(--color-membrane-800);
  --color-action-soft: var(--color-membrane-50);
  --color-amber-100: oklch(0.9356 0.0363 82.2);
  --color-amber-300: oklch(0.7973 0.1105 80.2);
  --color-amber-600: oklch(0.531 0.119 65.1);
  --color-amber-700: oklch(0.4566 0.1022 65.2);
  --color-amber-900: oklch(0.3009 0.0527 76.2);
  --color-bg-band: var(--color-chalk-100);
  --color-bg-canvas: var(--color-porcelain-50);
  --color-bg-inverse: var(--color-graphite-900);
  --color-bg-raised: var(--color-porcelain-0);
  --color-bg-subtle: var(--color-porcelain-100);
  --color-bg-sunken: var(--color-screed-200);
  --color-border-strong: var(--color-screed-500);
  --color-border-subtle: var(--color-chalk-200);
  --color-brand-key-tile: var(--color-membrane-600);
  --color-brand-mark: var(--color-graphite-900);
  --color-chalk-100: oklch(0.907 0.0212 79.1);
  --color-chalk-200: oklch(0.8532 0.0278 78.2);
  --color-clay-100: oklch(0.9262 0.0252 32.9);
  --color-clay-300: oklch(0.7667 0.1043 31.4);
  --color-clay-600: oklch(0.4889 0.1472 29.2);
  --color-clay-700: oklch(0.4222 0.1289 29.6);
  --color-clay-900: oklch(0.2711 0.0591 29.4);
  --color-diff-mark: var(--color-amber-600);
  --color-focus-ring: var(--color-membrane-600);
  --color-graphite-1000: oklch(0.1634 0.008 48.2);
  --color-graphite-300: oklch(0.7509 0.0229 69.7);
  --color-graphite-400: oklch(0.6047 0.0239 65.1);
  --color-graphite-700: oklch(0.3712 0.0226 53.4);
  --color-graphite-800: oklch(0.3193 0.0192 50.3);
  --color-graphite-850: oklch(0.2862 0.0184 52.7);
  --color-graphite-900: oklch(0.2578 0.018 48.0);
  --color-graphite-925: oklch(0.2346 0.0147 48.1);
  --color-graphite-950: oklch(0.1976 0.0115 48.1);
  --color-grout: var(--color-screed-500);
  --color-illus-line: var(--color-graphite-900);
  --color-illus-membrane: var(--color-membrane-500);
  --color-illus-screed: var(--color-screed-300);
  --color-illus-water: var(--color-sea-600);
  --color-leaf-100: oklch(0.9318 0.029 145.3);
  --color-leaf-300: oklch(0.7864 0.1 146.2);
  --color-leaf-600: oklch(0.4746 0.0998 147.7);
  --color-leaf-700: oklch(0.4049 0.0815 149.5);
  --color-leaf-900: oklch(0.2821 0.0494 147.9);
  --color-membrane-100: oklch(0.9113 0.0229 183.1);
  --color-membrane-200: oklch(0.83 0.0433 183.4);
  --color-membrane-300: oklch(0.7461 0.0622 185.4);
  --color-membrane-400: oklch(0.6683 0.0702 187.2);
  --color-membrane-50: oklch(0.9493 0.012 184.1);
  --color-membrane-500: oklch(0.5545 0.0804 187.4);
  --color-membrane-550: oklch(0.5191 0.0772 185.7);
  --color-membrane-600: oklch(0.4809 0.0731 188.7);
  --color-membrane-700: oklch(0.416 0.0634 187.5);
  --color-membrane-800: oklch(0.3491 0.0524 187.4);
  --color-membrane-900: oklch(0.2827 0.0408 187.4);
  --color-night-1000: oklch(0.1599 0.0027 67.6);
  --color-night-300: oklch(0.7599 0.0132 75.3);
  --color-night-400: oklch(0.6232 0.0126 71.8);
  --color-night-700: oklch(0.3588 0.0088 67.5);
  --color-night-800: oklch(0.3033 0.0069 67.6);
  --color-night-850: oklch(0.2711 0.0058 56.1);
  --color-night-900: oklch(0.2407 0.0048 67.6);
  --color-night-925: oklch(0.2153 0.0037 48.5);
  --color-night-950: oklch(0.192 0.0026 67.7);
  --color-porcelain-0: oklch(0.9945 0.0057 84.6);
  --color-porcelain-100: oklch(0.9181 0.0178 81.3);
  --color-porcelain-50: oklch(0.9475 0.0131 82.4);
  --color-screed-200: oklch(0.8711 0.022 76.5);
  --color-screed-300: oklch(0.8039 0.0259 75.2);
  --color-screed-500: oklch(0.6169 0.0241 69.6);
  --color-screed-600: oklch(0.5073 0.0198 61.7);
  --color-screed-700: oklch(0.4276 0.0186 61.0);
  --color-sea-300: oklch(0.7392 0.0696 231.5);
  --color-sea-600: oklch(0.3954 0.0785 236.8);
  --color-sea-700: oklch(0.3307 0.0641 236.4);
  --color-status-current: var(--color-leaf-600);
  --color-status-current-soft: var(--color-leaf-100);
  --color-status-expiring: var(--color-amber-600);
  --color-status-expiring-soft: var(--color-amber-100);
  --color-status-missing: var(--color-clay-600);
  --color-status-missing-soft: var(--color-clay-100);
  --color-text-inverse: var(--color-porcelain-50);
  --color-text-muted: var(--color-screed-700);
  --color-text-primary: var(--color-graphite-900);
  --color-vial-400: oklch(0.8224 0.1552 104.0);
  --duration-base: 240ms;
  --duration-fast: 150ms;
  --duration-instant: 80ms;
  --duration-slow: 600ms;
  --easing-enter: cubic-bezier(0, 0, 0, 1);
  --easing-exit: cubic-bezier(0.3, 0, 1, 1);
  --easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --font-arabic: var(--font-family-arabic);
  --font-display: var(--font-family-display);
  --font-family-arabic: "IBM Plex Sans Arabic", "Noto Sans Arabic", "Segoe UI", "Tahoma", sans-serif;
  --font-family-display: "Ysabeau", "Inter", "Segoe UI", system-ui, sans-serif;
  --font-family-logo: "Ysabeau", "Inter", sans-serif;
  --font-family-mono: "JetBrains Mono", "Consolas", ui-monospace, monospace;
  --font-family-sans: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-line-height-arabic: 1.8;
  --font-line-height-body: 1.47;
  --font-line-height-snug: 1.2;
  --font-line-height-tight: 1.05;
  --font-mono: var(--font-family-mono);
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-15: 15px;
  --font-size-17: 17px;
  --font-size-21: 21px;
  --font-size-24: 24px;
  --font-size-28: 28px;
  --font-size-36: 36px;
  --font-size-48: 48px;
  --font-size-56: 56px;
  --font-size-64: 64px;
  --font-size-80: 80px;
  --font-ui: var(--font-family-sans);
  --font-weight-bold: 700;
  --font-weight-medium: 500;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --logo-key-tile: var(--color-brand-key-tile);
  --logo-mark: var(--color-brand-mark);
  --motion-enter: var(--duration-slow);
  --motion-hover: var(--duration-fast);
  --radius-card: var(--radius-xl);
  --radius-control: var(--radius-pill);
  --radius-frame: var(--radius-lg);
  --radius-lg: 18px;
  --radius-md: 12px;
  --radius-pill: 999px;
  --radius-sm: 8px;
  --radius-xl: 28px;
  --radius-xs: 3px;
  --space-0: 0px;
  --space-1: 4px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-2: 8px;
  --space-20: 80px;
  --space-3: 12px;
  --space-30: 120px;
  --space-4: 16px;
  --space-40: 160px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-card: var(--space-8);
  --space-gutter: var(--space-5);
  --space-section: var(--space-30);
  --table-diff-mark: var(--color-diff-mark);
  --table-head: var(--color-text-muted);
  --table-rule: var(--color-grout);
}

:root { color-scheme: light; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="hc-light"]) {
    --color-action-default: var(--color-membrane-400);
    --color-action-fill: var(--color-membrane-550);
    --color-action-fill-hover: var(--color-membrane-600);
    --color-action-hover: var(--color-membrane-300);
    --color-action-on: var(--color-night-1000);
    --color-action-on-fill: var(--color-porcelain-0);
    --color-action-on-soft: var(--color-membrane-100);
    --color-action-soft: var(--color-membrane-900);
    --color-bg-band: var(--color-night-900);
    --color-bg-canvas: var(--color-night-950);
    --color-bg-inverse: var(--color-porcelain-50);
    --color-bg-raised: var(--color-night-925);
    --color-bg-subtle: var(--color-night-900);
    --color-bg-sunken: var(--color-night-1000);
    --color-border-strong: var(--color-night-400);
    --color-border-subtle: var(--color-night-800);
    --color-brand-key-tile: var(--color-membrane-400);
    --color-brand-mark: var(--color-porcelain-50);
    --color-diff-mark: var(--color-amber-300);
    --color-focus-ring: var(--color-membrane-300);
    --color-grout: var(--color-night-400);
    --color-illus-line: var(--color-porcelain-50);
    --color-illus-membrane: var(--color-membrane-400);
    --color-illus-screed: var(--color-night-700);
    --color-illus-water: var(--color-sea-300);
    --color-status-current: var(--color-leaf-300);
    --color-status-current-soft: var(--color-leaf-900);
    --color-status-expiring: var(--color-amber-300);
    --color-status-expiring-soft: var(--color-amber-900);
    --color-status-missing: var(--color-clay-300);
    --color-status-missing-soft: var(--color-clay-900);
    --color-text-inverse: var(--color-graphite-900);
    --color-text-muted: var(--color-night-300);
    --color-text-primary: var(--color-porcelain-50);
    --font-arabic: var(--font-family-arabic);
    --font-display: var(--font-family-display);
    --font-mono: var(--font-family-mono);
    --font-ui: var(--font-family-sans);
    --motion-enter: var(--duration-slow);
    --motion-hover: var(--duration-fast);
    --radius-card: var(--radius-xl);
    --radius-control: var(--radius-pill);
    --radius-frame: var(--radius-lg);
    --space-card: var(--space-8);
    --space-gutter: var(--space-5);
    --space-section: var(--space-30);
  }
  :root:not([data-theme="light"]):not([data-theme="hc-light"]) { color-scheme: dark; }
}
@media (prefers-contrast: more) {
  :root:not([data-theme]) {
    --color-action-default: var(--color-membrane-800);
    --color-action-fill: var(--color-membrane-800);
    --color-action-fill-hover: var(--color-membrane-900);
    --color-action-hover: var(--color-membrane-900);
    --color-action-on: var(--color-porcelain-0);
    --color-action-on-fill: var(--color-porcelain-0);
    --color-action-on-soft: var(--color-membrane-900);
    --color-action-soft: var(--color-membrane-50);
    --color-bg-band: var(--color-porcelain-50);
    --color-bg-canvas: var(--color-porcelain-0);
    --color-bg-inverse: var(--color-graphite-1000);
    --color-bg-raised: var(--color-porcelain-0);
    --color-bg-subtle: var(--color-porcelain-50);
    --color-bg-sunken: var(--color-porcelain-100);
    --color-border-strong: var(--color-graphite-900);
    --color-border-subtle: var(--color-graphite-700);
    --color-brand-key-tile: var(--color-membrane-800);
    --color-brand-mark: var(--color-graphite-1000);
    --color-diff-mark: var(--color-amber-700);
    --color-focus-ring: var(--color-graphite-1000);
    --color-grout: var(--color-screed-700);
    --color-illus-line: var(--color-graphite-1000);
    --color-illus-membrane: var(--color-membrane-600);
    --color-illus-screed: var(--color-screed-300);
    --color-illus-water: var(--color-sea-700);
    --color-status-current: var(--color-leaf-700);
    --color-status-current-soft: var(--color-leaf-100);
    --color-status-expiring: var(--color-amber-700);
    --color-status-expiring-soft: var(--color-amber-100);
    --color-status-missing: var(--color-clay-700);
    --color-status-missing-soft: var(--color-clay-100);
    --color-text-inverse: var(--color-porcelain-0);
    --color-text-muted: var(--color-graphite-800);
    --color-text-primary: var(--color-graphite-1000);
    --font-arabic: var(--font-family-arabic);
    --font-display: var(--font-family-display);
    --font-mono: var(--font-family-mono);
    --font-ui: var(--font-family-sans);
    --motion-enter: var(--duration-slow);
    --motion-hover: var(--duration-fast);
    --radius-card: var(--radius-xl);
    --radius-control: var(--radius-pill);
    --radius-frame: var(--radius-lg);
    --space-card: var(--space-8);
    --space-gutter: var(--space-5);
    --space-section: var(--space-30);
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --color-action-default: var(--color-membrane-300);
    --color-action-fill: var(--color-membrane-300);
    --color-action-fill-hover: var(--color-membrane-200);
    --color-action-hover: var(--color-membrane-200);
    --color-action-on: var(--color-graphite-1000);
    --color-action-on-fill: var(--color-night-1000);
    --color-action-on-soft: var(--color-membrane-50);
    --color-action-soft: var(--color-membrane-900);
    --color-bg-band: var(--color-graphite-950);
    --color-bg-canvas: var(--color-graphite-1000);
    --color-bg-inverse: var(--color-porcelain-0);
    --color-bg-raised: var(--color-graphite-950);
    --color-bg-subtle: var(--color-graphite-950);
    --color-bg-sunken: var(--color-graphite-1000);
    --color-border-strong: var(--color-porcelain-100);
    --color-border-subtle: var(--color-graphite-400);
    --color-brand-key-tile: var(--color-membrane-300);
    --color-brand-mark: var(--color-porcelain-0);
    --color-diff-mark: var(--color-amber-300);
    --color-focus-ring: var(--color-porcelain-0);
    --color-grout: var(--color-graphite-300);
    --color-illus-line: var(--color-porcelain-0);
    --color-illus-membrane: var(--color-membrane-300);
    --color-illus-screed: var(--color-graphite-700);
    --color-illus-water: var(--color-sea-300);
    --color-status-current: var(--color-leaf-300);
    --color-status-current-soft: var(--color-leaf-900);
    --color-status-expiring: var(--color-amber-300);
    --color-status-expiring-soft: var(--color-amber-900);
    --color-status-missing: var(--color-clay-300);
    --color-status-missing-soft: var(--color-clay-900);
    --color-text-inverse: var(--color-graphite-1000);
    --color-text-muted: var(--color-screed-200);
    --color-text-primary: var(--color-porcelain-0);
    --font-arabic: var(--font-family-arabic);
    --font-display: var(--font-family-display);
    --font-mono: var(--font-family-mono);
    --font-ui: var(--font-family-sans);
    --motion-enter: var(--duration-slow);
    --motion-hover: var(--duration-fast);
    --radius-card: var(--radius-xl);
    --radius-control: var(--radius-pill);
    --radius-frame: var(--radius-lg);
    --space-card: var(--space-8);
    --space-gutter: var(--space-5);
    --space-section: var(--space-30);
  }
}
:root[data-theme="light"] {
  --color-action-default: var(--color-membrane-600);
  --color-action-fill: var(--color-membrane-600);
  --color-action-fill-hover: var(--color-membrane-700);
  --color-action-hover: var(--color-membrane-700);
  --color-action-on: var(--color-porcelain-0);
  --color-action-on-fill: var(--color-porcelain-0);
  --color-action-on-soft: var(--color-membrane-800);
  --color-action-soft: var(--color-membrane-50);
  --color-bg-band: var(--color-chalk-100);
  --color-bg-canvas: var(--color-porcelain-50);
  --color-bg-inverse: var(--color-graphite-900);
  --color-bg-raised: var(--color-porcelain-0);
  --color-bg-subtle: var(--color-porcelain-100);
  --color-bg-sunken: var(--color-screed-200);
  --color-border-strong: var(--color-screed-500);
  --color-border-subtle: var(--color-chalk-200);
  --color-brand-key-tile: var(--color-membrane-600);
  --color-brand-mark: var(--color-graphite-900);
  --color-diff-mark: var(--color-amber-600);
  --color-focus-ring: var(--color-membrane-600);
  --color-grout: var(--color-screed-500);
  --color-illus-line: var(--color-graphite-900);
  --color-illus-membrane: var(--color-membrane-500);
  --color-illus-screed: var(--color-screed-300);
  --color-illus-water: var(--color-sea-600);
  --color-status-current: var(--color-leaf-600);
  --color-status-current-soft: var(--color-leaf-100);
  --color-status-expiring: var(--color-amber-600);
  --color-status-expiring-soft: var(--color-amber-100);
  --color-status-missing: var(--color-clay-600);
  --color-status-missing-soft: var(--color-clay-100);
  --color-text-inverse: var(--color-porcelain-50);
  --color-text-muted: var(--color-screed-700);
  --color-text-primary: var(--color-graphite-900);
  --font-arabic: var(--font-family-arabic);
  --font-display: var(--font-family-display);
  --font-mono: var(--font-family-mono);
  --font-ui: var(--font-family-sans);
  --motion-enter: var(--duration-slow);
  --motion-hover: var(--duration-fast);
  --radius-card: var(--radius-xl);
  --radius-control: var(--radius-pill);
  --radius-frame: var(--radius-lg);
  --space-card: var(--space-8);
  --space-gutter: var(--space-5);
  --space-section: var(--space-30);
}
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] {
  --color-action-default: var(--color-membrane-400);
  --color-action-fill: var(--color-membrane-550);
  --color-action-fill-hover: var(--color-membrane-600);
  --color-action-hover: var(--color-membrane-300);
  --color-action-on: var(--color-night-1000);
  --color-action-on-fill: var(--color-porcelain-0);
  --color-action-on-soft: var(--color-membrane-100);
  --color-action-soft: var(--color-membrane-900);
  --color-bg-band: var(--color-night-900);
  --color-bg-canvas: var(--color-night-950);
  --color-bg-inverse: var(--color-porcelain-50);
  --color-bg-raised: var(--color-night-925);
  --color-bg-subtle: var(--color-night-900);
  --color-bg-sunken: var(--color-night-1000);
  --color-border-strong: var(--color-night-400);
  --color-border-subtle: var(--color-night-800);
  --color-brand-key-tile: var(--color-membrane-400);
  --color-brand-mark: var(--color-porcelain-50);
  --color-diff-mark: var(--color-amber-300);
  --color-focus-ring: var(--color-membrane-300);
  --color-grout: var(--color-night-400);
  --color-illus-line: var(--color-porcelain-50);
  --color-illus-membrane: var(--color-membrane-400);
  --color-illus-screed: var(--color-night-700);
  --color-illus-water: var(--color-sea-300);
  --color-status-current: var(--color-leaf-300);
  --color-status-current-soft: var(--color-leaf-900);
  --color-status-expiring: var(--color-amber-300);
  --color-status-expiring-soft: var(--color-amber-900);
  --color-status-missing: var(--color-clay-300);
  --color-status-missing-soft: var(--color-clay-900);
  --color-text-inverse: var(--color-graphite-900);
  --color-text-muted: var(--color-night-300);
  --color-text-primary: var(--color-porcelain-50);
  --font-arabic: var(--font-family-arabic);
  --font-display: var(--font-family-display);
  --font-mono: var(--font-family-mono);
  --font-ui: var(--font-family-sans);
  --motion-enter: var(--duration-slow);
  --motion-hover: var(--duration-fast);
  --radius-card: var(--radius-xl);
  --radius-control: var(--radius-pill);
  --radius-frame: var(--radius-lg);
  --space-card: var(--space-8);
  --space-gutter: var(--space-5);
  --space-section: var(--space-30);
}
:root[data-theme="dark"] { color-scheme: dark; }
:root[data-theme="hc-light"] {
  --color-action-default: var(--color-membrane-800);
  --color-action-fill: var(--color-membrane-800);
  --color-action-fill-hover: var(--color-membrane-900);
  --color-action-hover: var(--color-membrane-900);
  --color-action-on: var(--color-porcelain-0);
  --color-action-on-fill: var(--color-porcelain-0);
  --color-action-on-soft: var(--color-membrane-900);
  --color-action-soft: var(--color-membrane-50);
  --color-bg-band: var(--color-porcelain-50);
  --color-bg-canvas: var(--color-porcelain-0);
  --color-bg-inverse: var(--color-graphite-1000);
  --color-bg-raised: var(--color-porcelain-0);
  --color-bg-subtle: var(--color-porcelain-50);
  --color-bg-sunken: var(--color-porcelain-100);
  --color-border-strong: var(--color-graphite-900);
  --color-border-subtle: var(--color-graphite-700);
  --color-brand-key-tile: var(--color-membrane-800);
  --color-brand-mark: var(--color-graphite-1000);
  --color-diff-mark: var(--color-amber-700);
  --color-focus-ring: var(--color-graphite-1000);
  --color-grout: var(--color-screed-700);
  --color-illus-line: var(--color-graphite-1000);
  --color-illus-membrane: var(--color-membrane-600);
  --color-illus-screed: var(--color-screed-300);
  --color-illus-water: var(--color-sea-700);
  --color-status-current: var(--color-leaf-700);
  --color-status-current-soft: var(--color-leaf-100);
  --color-status-expiring: var(--color-amber-700);
  --color-status-expiring-soft: var(--color-amber-100);
  --color-status-missing: var(--color-clay-700);
  --color-status-missing-soft: var(--color-clay-100);
  --color-text-inverse: var(--color-porcelain-0);
  --color-text-muted: var(--color-graphite-800);
  --color-text-primary: var(--color-graphite-1000);
  --font-arabic: var(--font-family-arabic);
  --font-display: var(--font-family-display);
  --font-mono: var(--font-family-mono);
  --font-ui: var(--font-family-sans);
  --motion-enter: var(--duration-slow);
  --motion-hover: var(--duration-fast);
  --radius-card: var(--radius-xl);
  --radius-control: var(--radius-pill);
  --radius-frame: var(--radius-lg);
  --space-card: var(--space-8);
  --space-gutter: var(--space-5);
  --space-section: var(--space-30);
}
:root[data-theme="hc-light"] { color-scheme: light; }
:root[data-theme="hc-dark"] {
  --color-action-default: var(--color-membrane-300);
  --color-action-fill: var(--color-membrane-300);
  --color-action-fill-hover: var(--color-membrane-200);
  --color-action-hover: var(--color-membrane-200);
  --color-action-on: var(--color-graphite-1000);
  --color-action-on-fill: var(--color-night-1000);
  --color-action-on-soft: var(--color-membrane-50);
  --color-action-soft: var(--color-membrane-900);
  --color-bg-band: var(--color-graphite-950);
  --color-bg-canvas: var(--color-graphite-1000);
  --color-bg-inverse: var(--color-porcelain-0);
  --color-bg-raised: var(--color-graphite-950);
  --color-bg-subtle: var(--color-graphite-950);
  --color-bg-sunken: var(--color-graphite-1000);
  --color-border-strong: var(--color-porcelain-100);
  --color-border-subtle: var(--color-graphite-400);
  --color-brand-key-tile: var(--color-membrane-300);
  --color-brand-mark: var(--color-porcelain-0);
  --color-diff-mark: var(--color-amber-300);
  --color-focus-ring: var(--color-porcelain-0);
  --color-grout: var(--color-graphite-300);
  --color-illus-line: var(--color-porcelain-0);
  --color-illus-membrane: var(--color-membrane-300);
  --color-illus-screed: var(--color-graphite-700);
  --color-illus-water: var(--color-sea-300);
  --color-status-current: var(--color-leaf-300);
  --color-status-current-soft: var(--color-leaf-900);
  --color-status-expiring: var(--color-amber-300);
  --color-status-expiring-soft: var(--color-amber-900);
  --color-status-missing: var(--color-clay-300);
  --color-status-missing-soft: var(--color-clay-900);
  --color-text-inverse: var(--color-graphite-1000);
  --color-text-muted: var(--color-screed-200);
  --color-text-primary: var(--color-porcelain-0);
  --font-arabic: var(--font-family-arabic);
  --font-display: var(--font-family-display);
  --font-mono: var(--font-family-mono);
  --font-ui: var(--font-family-sans);
  --motion-enter: var(--duration-slow);
  --motion-hover: var(--duration-fast);
  --radius-card: var(--radius-xl);
  --radius-control: var(--radius-pill);
  --radius-frame: var(--radius-lg);
  --space-card: var(--space-8);
  --space-gutter: var(--space-5);
  --space-section: var(--space-30);
}
:root[data-theme="hc-dark"] { color-scheme: dark; }