/* MekaGarage — direction artistique « bleu nuit » v2 + rôles sémantiques « Calme structuré » (6 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);
  --action: var(--brand);
  --action-soft: var(--brand-tint);
  --success: #087A55;
  --success-soft: #E6F6EF;
  --warning: #955600;
  --warning-soft: #FFF3DF;
  --danger: #B5323D;
  --danger-soft: #FBE9E8;
  --gestion: #6245CC;
  --gestion-soft: #EEE9FF;
  --info: #1F5FD8;
  --neutral-soft: #EEF1F6;
  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);
  --action: var(--brand);
  --action-soft: var(--brand-tint);
  --success: #8FE0AE;
  --success-soft: #10301D;
  --warning: #FFD38A;
  --warning-soft: #3A2A0A;
  --danger: #FFB4AB;
  --danger-soft: #3A1614;
  --gestion: #C4B5FD;
  --gestion-soft: #2A2250;
  --info: #A2B1FF;
  --neutral-soft: #1C2538;
  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);
    --action: var(--brand);
    --action-soft: var(--brand-tint);
    --success: #8FE0AE;
    --success-soft: #10301D;
    --warning: #FFD38A;
    --warning-soft: #3A2A0A;
    --danger: #FFB4AB;
    --danger-soft: #3A1614;
    --gestion: #C4B5FD;
    --gestion-soft: #2A2250;
    --info: #A2B1FF;
    --neutral-soft: #1C2538;
    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: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --radius-xl: 24px;
  --touch-min: 44px;
  --button-height: 54px;
  --font-display: "Barlow Semi Condensed", "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-sans: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-brand: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-ui: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}