/* Orcamis Ardoise : variables tirées de tokens.json (clair par défaut, sombre sous data-theme="dark") */
:root {
  --surface: #eff3f6;
  --surface-raised: #ffffff;
  --surface-sunken: #e6ebef;
  --surface-inverse: #39465c;
  --line: #e2e5e8;
  --line-strong: #7e858e;
  --ink: #111111;
  --ink-muted: #686c71;
  --ink-faint: #6c757d;
  --ink-inverse: #ffffff;
  --overlay: #39465c99;
  --brand: #0d797b;
  --brand-hover: #0a6466;
  --on-brand: #ffffff;
  --brand-soft: #e3f6f6;
  --brand-vivid: #19bcbf;
  --accent: #a8521a;
  --accent-soft: #fff1e8;
  --accent-vivid: #ff9764;
  --warning: var(--accent);
  --success: #0b7a59;
  --success-soft: #e3f7f0;
  --success-vivid: #13bd8a;
  --danger: #bf2131;
  --danger-soft: #ffe8eb;
  --danger-vivid: #ff425c;
  --on-vivid: #111111;
  --info-vivid: #2dcee3;
  --violet-vivid: #463699;
  --nav-bg: #39465c;
  --nav-ink: #b5bdca;
  --nav-ink-active: #ffffff;
  --nav-active: #2d3849;
  --skeleton: #e2e5e8;
  --score-low: var(--ink-faint);
  --score-mid: var(--accent);
  --score-high: var(--success);
  --shadow-card: 0 0 0 1px #e2e5e8;
  --shadow-header: 0 1px 0 0 #e2e5e8;
  --shadow-sm: 0 1px 2px 0 #39465c0d;
  --shadow-lg: 0 8px 24px -4px #39465c29, 0 2px 6px #39465c14;
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #0d797b;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-16: 64px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-full: 9999px;
  --control-sm: 32px;
  --control-md: 40px;
  --control-lg: 48px;
  --nav-width: 264px;
  --nav-width-compact: 72px;
  --nav-item: 44px;
  --header-height: 64px;
  --content-max: 1320px;
  --email-width: 600px;
  --menu-width: 220px;
  --panel-width: 360px;
  --dialog-sm: 440px;
  --dialog-md: 600px;
  --avatar-sm: 32px;
  --avatar-md: 40px;
  --avatar-lg: 80px;
  --z-nav: 1030;
  --z-menu: 1040;
  --z-overlay: 1050;
  --z-toast: 1070;
  --font-brand: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-sans: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-mono: "Roboto Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
[data-theme="dark"] {
  --surface: #293343;
  --surface-raised: #374459;
  --surface-sunken: #222b39;
  --surface-inverse: #111820;
  --line: #313c4f;
  --line-strong: #8a96a6;
  --ink: #edf0f3;
  --ink-muted: #adb7be;
  --ink-faint: #b0bac2;
  --ink-inverse: #edf0f3;
  --overlay: #000000a6;
  --brand: #5fd6d8;
  --brand-hover: #86e2e3;
  --on-brand: #0b2a2b;
  --brand-soft: #1f4a52;
  --brand-vivid: #19bcbf;
  --accent: #ffad85;
  --accent-soft: #4a3a33;
  --accent-vivid: #ff9764;
  --warning: var(--accent);
  --success: #4fd1a8;
  --success-soft: #1e4a42;
  --success-vivid: #13bd8a;
  --danger: #ff8f9e;
  --danger-soft: #4d2e3a;
  --danger-vivid: #ff425c;
  --on-vivid: #111111;
  --info-vivid: #2dcee3;
  --violet-vivid: #7661e6;
  --nav-bg: #39465c;
  --nav-ink: #b5bdca;
  --nav-ink-active: #ffffff;
  --nav-active: #2d3849;
  --skeleton: #313c4f;
  --score-low: var(--ink-faint);
  --score-mid: var(--accent);
  --score-high: var(--success);
  --shadow-card: 0 1px 20px 0 #00000014;
  --shadow-header: 0 1px 0 0 #293343;
  --shadow-sm: 0 1px 2px 0 #00000066;
  --shadow-lg: 0 12px 32px -4px #000000b3;
  --focus-ring: 0 0 0 2px #293343, 0 0 0 4px #5fd6d8;
  color-scheme: dark;
}