/* MekaGarage — direction artistique « bleu nuit » v2 (audit des maquettes publiques, novembre 2026) — généré depuis design/tokens.json : ne pas modifier à la main */
:root, [data-theme="light"] {
  --surface: #F6F8FC;
  --surface-raised: #FFFFFF;
  --ink: #101C31;
  --ink-muted: #56637A;
  --border: #DFE5EF;
  --border-control: #7A8AA2;
  --brand: #2858F3;
  --on-brand: #FFFFFF;
  --brand-tint: #EEF2FF;
  --brand-strong: #1744D5;
  --critical-surface: #0B1830;
  --critical-on: #FFFFFF;
  --danger-tint: #FDE2E1;
  --danger-ink: #8A1C17;
  --warning-tint: #FFF1D6;
  --warning-ink: #6E4300;
  --success-tint: #DFF7ED;
  --success-ink: #127454;
  --navy: #0B1830;
  --on-navy: #FFFFFF;
  --on-navy-muted: #AFBDD0;
  --shadow: 0 18px 48px rgba(18,36,61,.08);
  --focus: var(--brand);
  color-scheme: light;
}
[data-theme="dark"] {
  --surface: #0E1522;
  --surface-raised: #172034;
  --ink: #EEF2F8;
  --ink-muted: #A6B3C7;
  --border: #27324A;
  --border-control: #5C6B85;
  --brand: #8FA6FF;
  --on-brand: #0E1220;
  --brand-tint: #1C2950;
  --brand-strong: #C7D3FF;
  --critical-surface: #2A0F0D;
  --critical-on: #EEF1F6;
  --danger-tint: #3A1614;
  --danger-ink: #FFB4AB;
  --warning-tint: #3A2A0A;
  --warning-ink: #FFD38A;
  --success-tint: #10301D;
  --success-ink: #8FE0AE;
  --navy: #0A1220;
  --on-navy: #EEF2F8;
  --on-navy-muted: #A6B3C7;
  --shadow: 0 18px 48px rgba(0,0,0,.35);
  --focus: var(--brand);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface: #0E1522;
    --surface-raised: #172034;
    --ink: #EEF2F8;
    --ink-muted: #A6B3C7;
    --border: #27324A;
    --border-control: #5C6B85;
    --brand: #8FA6FF;
    --on-brand: #0E1220;
    --brand-tint: #1C2950;
    --brand-strong: #C7D3FF;
    --critical-surface: #2A0F0D;
    --critical-on: #EEF1F6;
    --danger-tint: #3A1614;
    --danger-ink: #FFB4AB;
    --warning-tint: #3A2A0A;
    --warning-ink: #FFD38A;
    --success-tint: #10301D;
    --success-ink: #8FE0AE;
    --navy: #0A1220;
    --on-navy: #EEF2F8;
    --on-navy-muted: #A6B3C7;
    --shadow: 0 18px 48px rgba(0,0,0,.35);
    --focus: var(--brand);
    color-scheme: dark;
  }
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 10px;
  --radius-md: 11px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --radius-xl: 24px;
  --touch-min: 44px;
  --button-height: 54px;
  --font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}