/* Généré par scripts/build-tokens.js depuis design/tokens.json : ne pas modifier à la main. */

:root {
  --font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --font-size-xs: 0.8125rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.375rem;
  --font-size-2xl: 1.75rem;
  --font-size-3xl: 2.25rem;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-line-height: 1.5;
  --font-line-height-tight: 1.2;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
  --size-tap: 48px;
  --size-content: 72rem;
  --size-narrow: 40rem;
  --motion-fast: 120ms;
  --motion-base: 200ms;
  color-scheme: light;
  --color-bg: #FFFAF7;
  --color-surface: #FFFFFF;
  --color-surface-2: #F7EFEA;
  --color-border: #E3D5CE;
  --color-border-strong: #8C7770;
  --color-text: #231A17;
  --color-text-muted: #66544E;
  --color-brand: #E91E63;
  --color-brand-strong: #C2185B;
  --color-brand-soft: #FCE4EC;
  --color-on-brand: #FFFFFF;
  --color-link: #AD1457;
  --color-focus: #1A56DB;
  --color-success: #1E7A3C;
  --color-success-soft: #E6F4EA;
  --color-warning: #8A5300;
  --color-warning-soft: #FFF4D6;
  --color-danger: #B3261E;
  --color-danger-soft: #FDE7E5;
  --color-overlay: rgba(35, 26, 23, 0.55);
  --color-inverse-surface: #231A17;
  --color-inverse-surface-2: #3D302B;
  --color-inverse-text: #FFFAF7;
  --color-inverse-text-muted: #D9C9C2;
  --color-inverse-link: #FF8AB3;
  --color-inverse-focus: #8AB4FF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-bg: #17110F;
    --color-surface: #221A17;
    --color-surface-2: #2E2420;
    --color-border: #4A3B35;
    --color-border-strong: #9C8780;
    --color-text: #F7EFEA;
    --color-text-muted: #CDBBB4;
    --color-brand: #FF4F8B;
    --color-brand-strong: #C2185B;
    --color-brand-soft: #3A1F28;
    --color-on-brand: #FFFFFF;
    --color-link: #FF8AB3;
    --color-focus: #8AB4FF;
    --color-success: #6FD08C;
    --color-success-soft: #1B2E21;
    --color-warning: #F2C14E;
    --color-warning-soft: #33280F;
    --color-danger: #FF8A80;
    --color-danger-soft: #3A1C1A;
    --color-overlay: rgba(0, 0, 0, 0.65);
    --color-inverse-surface: #2E2420;
    --color-inverse-surface-2: #45362F;
    --color-inverse-text: #F7EFEA;
    --color-inverse-text-muted: #D2C1BA;
    --color-inverse-link: #FF8AB3;
    --color-inverse-focus: #8AB4FF;
  }
}

[data-theme="light"] {
  color-scheme: light;
  --color-bg: #FFFAF7;
  --color-surface: #FFFFFF;
  --color-surface-2: #F7EFEA;
  --color-border: #E3D5CE;
  --color-border-strong: #8C7770;
  --color-text: #231A17;
  --color-text-muted: #66544E;
  --color-brand: #E91E63;
  --color-brand-strong: #C2185B;
  --color-brand-soft: #FCE4EC;
  --color-on-brand: #FFFFFF;
  --color-link: #AD1457;
  --color-focus: #1A56DB;
  --color-success: #1E7A3C;
  --color-success-soft: #E6F4EA;
  --color-warning: #8A5300;
  --color-warning-soft: #FFF4D6;
  --color-danger: #B3261E;
  --color-danger-soft: #FDE7E5;
  --color-overlay: rgba(35, 26, 23, 0.55);
  --color-inverse-surface: #231A17;
  --color-inverse-surface-2: #3D302B;
  --color-inverse-text: #FFFAF7;
  --color-inverse-text-muted: #D9C9C2;
  --color-inverse-link: #FF8AB3;
  --color-inverse-focus: #8AB4FF;
}

[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #17110F;
  --color-surface: #221A17;
  --color-surface-2: #2E2420;
  --color-border: #4A3B35;
  --color-border-strong: #9C8780;
  --color-text: #F7EFEA;
  --color-text-muted: #CDBBB4;
  --color-brand: #FF4F8B;
  --color-brand-strong: #C2185B;
  --color-brand-soft: #3A1F28;
  --color-on-brand: #FFFFFF;
  --color-link: #FF8AB3;
  --color-focus: #8AB4FF;
  --color-success: #6FD08C;
  --color-success-soft: #1B2E21;
  --color-warning: #F2C14E;
  --color-warning-soft: #33280F;
  --color-danger: #FF8A80;
  --color-danger-soft: #3A1C1A;
  --color-overlay: rgba(0, 0, 0, 0.65);
  --color-inverse-surface: #2E2420;
  --color-inverse-surface-2: #45362F;
  --color-inverse-text: #F7EFEA;
  --color-inverse-text-muted: #D2C1BA;
  --color-inverse-link: #FF8AB3;
  --color-inverse-focus: #8AB4FF;
}