/* Auto-généré par scripts/build_css.py — ne pas éditer à la main */
:root {
  /* Primitive */
  --color-blue-50: #f0f3ff;
  --color-blue-100: #e1e6ff;
  --color-blue-200: #c3ccff;
  --color-blue-300: #9ba9ff;
  --color-blue-400: #7182f5;
  --color-blue-500: #3f51e5;
  --color-blue-600: #152ad3;
  --color-blue-700: #1123b5;
  --color-blue-800: #0e1d96;
  --color-blue-900: #0b1675;
  --color-blue-950: #060d4a;
  --color-cyan-50: #ecfeff;
  --color-cyan-100: #cffafe;
  --color-cyan-200: #a5f3fc;
  --color-cyan-300: #67e8f9;
  --color-cyan-400: #22d3ee;
  --color-cyan-500: #06b6d4;
  --color-cyan-600: #0891b2;
  --color-cyan-700: #0e7490;
  --color-cyan-800: #155e75;
  --color-cyan-900: #164e63;
  --color-cyan-950: #083344;
  --color-green-50: #f0fdf4;
  --color-green-100: #dcfce7;
  --color-green-200: #bbf7d0;
  --color-green-300: #86efac;
  --color-green-400: #4ade80;
  --color-green-500: #22c55e;
  --color-green-600: #16a34a;
  --color-green-700: #15803d;
  --color-green-800: #166534;
  --color-green-900: #14532d;
  --color-green-950: #052e16;
  --color-amber-50: #fffbeb;
  --color-amber-100: #fef3c7;
  --color-amber-200: #fde68a;
  --color-amber-300: #fcd34d;
  --color-amber-400: #fbbf24;
  --color-amber-500: #f59e0b;
  --color-amber-600: #d97706;
  --color-amber-700: #b45309;
  --color-amber-800: #92400e;
  --color-amber-900: #78350f;
  --color-amber-950: #451a03;
  --color-red-50: #fef2f2;
  --color-red-100: #fee2e2;
  --color-red-200: #fecaca;
  --color-red-300: #fca5a5;
  --color-red-400: #f87171;
  --color-red-500: #ef4444;
  --color-red-600: #dc2626;
  --color-red-700: #b91c1c;
  --color-red-800: #991b1b;
  --color-red-900: #7f1d1d;
  --color-red-950: #450a0a;
  --color-neutral-50: #f8fafc;
  --color-neutral-100: #f1f5f9;
  --color-neutral-200: #e2e8f0;
  --color-neutral-300: #cbd5e1;
  --color-neutral-400: #94a3b8;
  --color-neutral-500: #64748b;
  --color-neutral-600: #475569;
  --color-neutral-700: #334155;
  --color-neutral-800: #1e293b;
  --color-neutral-850: #172033;
  --color-neutral-900: #0f172a;
  --color-neutral-950: #020617;
  --color-neutral-0: #ffffff;
  --font-family-scale-title: "Inter";
  --font-family-scale-body: "Inter";
  --font-family-scale-alternate: "JetBrains Mono";
  --font-size-scale-2xs: 6px;
  --font-size-scale-xs: 9px;
  --font-size-scale-sm: 12px;
  --font-size-scale-md: 14px;
  --font-size-scale-lg: 16px;
  --font-size-scale-xl: 18px;
  --font-size-scale-2xl: 20px;
  --font-size-scale-3xl: 24px;
  --font-size-scale-4xl: 28px;
  --font-size-scale-5xl: 32px;
  --font-size-scale-6xl: 40px;
  --font-size-scale-7xl: 48px;
  --font-size-scale-8xl: 56px;
  --font-size-scale-9xl: 64px;
  --font-weight-scale-regular: 400;
  --font-weight-scale-medium: 500;
  --font-weight-scale-semibold: 600;
  --font-weight-scale-bold: 700;
  --line-height-scale-2xs: 6px;
  --line-height-scale-xs: 9px;
  --line-height-scale-sm: 12px;
  --line-height-scale-md: 14px;
  --line-height-scale-lg: 16px;
  --line-height-scale-xl: 18px;
  --line-height-scale-2xl: 20px;
  --line-height-scale-3xl: 24px;
  --line-height-scale-4xl: 28px;
  --line-height-scale-5xl: 32px;
  --line-height-scale-6xl: 40px;
  --line-height-scale-7xl: 48px;
  --line-height-scale-8xl: 56px;
  --line-height-scale-9xl: 64px;
  --spacing-scale-none: 0px;
  --spacing-scale-2xs: 4px;
  --spacing-scale-xs: 8px;
  --spacing-scale-sm: 12px;
  --spacing-scale-md: 16px;
  --spacing-scale-lg: 20px;
  --spacing-scale-xl: 24px;
  --spacing-scale-2xl: 28px;
  --spacing-scale-3xl: 32px;
  --spacing-scale-4xl: 40px;
  --spacing-scale-5xl: 48px;
  --spacing-scale-6xl: 64px;
  --spacing-scale-7xl: 80px;
  --spacing-scale-8xl: 96px;
  --spacing-scale-9xl: 128px;
  --radius-scale-none: 0px;
  --radius-scale-3xs: 2px;
  --radius-scale-2xs: 4px;
  --radius-scale-xs: 8px;
  --radius-scale-sm: 12px;
  --radius-scale-md: 16px;
  --radius-scale-pill: 999px;
  --border-scale-none: 0px;
  --border-scale-thin: 1px;
  --border-scale-medium: 2px;
  --border-scale-large: 3px;
  --opacity-scale-none: 0;
  --opacity-scale-10: 10;
  --opacity-scale-20: 20;
  --opacity-scale-40: 40;
  --opacity-scale-60: 60;
  --opacity-scale-80: 80;
  --opacity-scale-100: 100;
  --motion-duration-scale-sm: 240ms;
  --motion-duration-scale-md: 440ms;
  --motion-easing-scale-spring: cubic-bezier(0.34, 1.45, 0.64, 1);
  --motion-easing-scale-standard: cubic-bezier(0.55, 0, 0.2, 1);
  --motion-easing-scale-accelerate: cubic-bezier(0.4, 0, 0.8, 0.6);
  --motion-tension-scale-blur: 4px;
  --motion-tension-scale-contrast: 18;
  --motion-tension-scale-offset: -7;
  --grid-columns-scale-4: 4;
  --grid-columns-scale-8: 8;
  --grid-columns-scale-12: 12;

  /* Semantic — Light (défaut) */
  --color-background-default: #ffffff;
  --color-background-subtle: #f8fafc;
  --color-background-elevated: #ffffff;
  --color-background-sunken: #f1f5f9;
  --color-background-inverse: #0f172a;
  --color-background-brand: #152ad3;
  --color-background-disabled: #f1f5f9;
  --color-text-primary: #0f172a;
  --color-text-secondary: #334155;
  --color-text-tertiary: #475569;
  --color-text-disabled: #475569;
  --color-text-inverse: #ffffff;
  --color-text-brand: #1123b5;
  --color-text-link: #1123b5;
  --color-border-default: #64748b;
  --color-border-subtle: #cbd5e1;
  --color-border-strong: #475569;
  --color-border-focus: #152ad3;
  --color-border-disabled: #e2e8f0;
  --color-icon-primary: #1e293b;
  --color-icon-secondary: #475569;
  --color-icon-tertiary: #64748b;
  --color-icon-disabled: #94a3b8;
  --color-icon-inverse: #ffffff;
  --color-icon-brand: #152ad3;
  --color-icon-link: #1123b5;
  --color-icon-on-brand: #ffffff;
  --color-action-primary: #152ad3;
  --color-action-primary-hover: #1123b5;
  --color-action-primary-active: #0e1d96;
  --color-action-secondary: #ffffff;
  --color-action-secondary-hover: #f1f5f9;
  --color-action-destructive: #dc2626;
  --color-action-destructive-hover: #b91c1c;
  --color-action-destructive-active: #991b1b;
  --color-feedback-info-background: #cffafe;
  --color-feedback-info-border: #0891b2;
  --color-feedback-info-icon: #0891b2;
  --color-feedback-info-text: #0e7490;
  --color-feedback-success-background: #dcfce7;
  --color-feedback-success-border: #16a34a;
  --color-feedback-success-icon: #16a34a;
  --color-feedback-success-text: #15803d;
  --color-feedback-warning-background: #fef3c7;
  --color-feedback-warning-border: #d97706;
  --color-feedback-warning-icon: #d97706;
  --color-feedback-warning-text: #92400e;
  --color-feedback-danger-background: #fee2e2;
  --color-feedback-danger-border: #dc2626;
  --color-feedback-danger-icon: #dc2626;
  --color-feedback-danger-text: #b91c1c;
  --color-action-secondary-active: #e2e8f0;
  --color-action-neutral: #f1f5f9;
  --color-action-neutral-hover: #e2e8f0;
  --color-action-neutral-active: #cbd5e1;
  --color-action-ghost-hover: #f1f5f9;
  --color-action-ghost-active: #e2e8f0;
  --color-text-on-brand: #ffffff;

  /* Responsive — Mobile (base, mobile-first) */
  --font-size-display-lg: 48px;
  --line-height-display-lg: 64px;
  --font-size-display-md: 40px;
  --line-height-display-md: 56px;
  --font-size-display-sm: 32px;
  --line-height-display-sm: 48px;
  --font-size-heading-xl: 32px;
  --line-height-heading-xl: 40px;
  --font-size-heading-lg: 28px;
  --line-height-heading-lg: 40px;
  --font-size-heading-md: 24px;
  --line-height-heading-md: 32px;
  --font-size-heading-sm: 20px;
  --line-height-heading-sm: 28px;
  --font-size-body-lg: 16px;
  --line-height-body-lg: 24px;
  --font-size-body-md: 14px;
  --line-height-body-md: 20px;
  --font-size-body-sm: 12px;
  --line-height-body-sm: 16px;
  --font-size-body-xs: 10px;
  --line-height-body-xs: 14px;
  --font-size-caption: 12px;
  --line-height-caption: 16px;
  --font-size-label: 14px;
  --line-height-label: 20px;
  --spacing-section-xs: 20px;
  --spacing-section-sm: 24px;
  --spacing-section-md: 32px;
  --spacing-section-lg: 48px;
  --spacing-section-xl: 80px;
  --spacing-component-2xs: 4px;
  --spacing-component-xs: 8px;
  --spacing-component-sm: 12px;
  --spacing-component-md: 16px;
  --spacing-component-lg: 20px;
  --spacing-component-xl: 24px;
  --radius-control: 4px;
  --radius-card: 8px;
  --radius-pill: 999px;
  --grid-columns: 4;
  --grid-gutter: 16px;
}

[data-theme="dark"] {
  --color-background-default: #0f172a;
  --color-background-subtle: #172033;
  --color-background-elevated: #1e293b;
  --color-background-sunken: #020617;
  --color-background-inverse: #f8fafc;
  --color-background-brand: #3f51e5;
  --color-background-disabled: #1e293b;
  --color-text-primary: #f8fafc;
  --color-text-secondary: #cbd5e1;
  --color-text-tertiary: #94a3b8;
  --color-text-disabled: #94a3b8;
  --color-text-inverse: #020617;
  --color-text-brand: #7182f5;
  --color-text-link: #7182f5;
  --color-border-default: #64748b;
  --color-border-subtle: #475569;
  --color-border-strong: #94a3b8;
  --color-border-focus: #7182f5;
  --color-border-disabled: #334155;
  --color-icon-primary: #f1f5f9;
  --color-icon-secondary: #94a3b8;
  --color-icon-tertiary: #64748b;
  --color-icon-disabled: #64748b;
  --color-icon-inverse: #020617;
  --color-icon-brand: #7182f5;
  --color-icon-link: #7182f5;
  --color-icon-on-brand: #ffffff;
  --color-action-primary: #3f51e5;
  --color-action-primary-hover: #152ad3;
  --color-action-primary-active: #1123b5;
  --color-action-secondary: #0f172a;
  --color-action-secondary-hover: #1e293b;
  --color-action-destructive: #ef4444;
  --color-action-destructive-hover: #dc2626;
  --color-action-destructive-active: #b91c1c;
  --color-feedback-info-background: #164e63;
  --color-feedback-info-border: #22d3ee;
  --color-feedback-info-icon: #22d3ee;
  --color-feedback-info-text: #67e8f9;
  --color-feedback-success-background: #14532d;
  --color-feedback-success-border: #4ade80;
  --color-feedback-success-icon: #4ade80;
  --color-feedback-success-text: #86efac;
  --color-feedback-warning-background: #78350f;
  --color-feedback-warning-border: #fbbf24;
  --color-feedback-warning-icon: #fbbf24;
  --color-feedback-warning-text: #fcd34d;
  --color-feedback-danger-background: #7f1d1d;
  --color-feedback-danger-border: #f87171;
  --color-feedback-danger-icon: #f87171;
  --color-feedback-danger-text: #fca5a5;
  --color-action-secondary-active: #334155;
  --color-action-neutral: #1e293b;
  --color-action-neutral-hover: #334155;
  --color-action-neutral-active: #475569;
  --color-action-ghost-hover: #1e293b;
  --color-action-ghost-active: #334155;
  --color-text-on-brand: #ffffff;
}

@media (min-width: 768px) {
  :root {
    --font-size-display-lg: 64px;
    --font-size-display-md: 56px;
    --font-size-display-sm: 48px;
    --font-size-heading-xl: 40px;
    --font-size-heading-lg: 32px;
    --font-size-heading-md: 28px;
    --font-size-heading-sm: 24px;
    --spacing-section-xs: 24px;
    --spacing-section-sm: 32px;
    --spacing-section-md: 48px;
    --spacing-section-lg: 80px;
    --spacing-section-xl: 128px;
    --spacing-component-lg: 24px;
    --spacing-component-xl: 32px;
    --grid-columns: 12;
    --grid-gutter: 24px;
  }
}