/* V1-PRD-30 — FICHIER GÉNÉRÉ par npm run site:tokens depuis
   src/components/ui/tokens.ts. Ne pas éditer : modifier tokens.ts. */

@font-face {
  font-family: "Instrument Sans";
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/instrument-sans-400.woff2") format("woff2");
}
@font-face {
  font-family: "Instrument Sans";
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/instrument-sans-600.woff2") format("woff2");
}

:root {
  color-scheme: light dark;
  --color-background: #F6F6F2;
  --color-surface: #FFFFFF;
  --color-text-primary: #1D2433;
  --color-text-secondary: #656B77;
  --color-accent: #1D2433;
  --color-border: #E3E3DC;
  --color-on-accent: #FFFFFF;
  --color-accent-soft: rgba(29, 36, 51, 0.08);
  --color-scrim: rgba(29, 36, 51, 0.45);
  --color-positive: #1F6B55;
  --color-danger: #B3261E;
  --color-overspent: #451B32;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 32px;
  --space-xxxl: 48px;
  --radius-card: 4px;
  --radius-sheet: 24px;
  --radius-pill: 999px;
  --type-title: 600 28px/34px "Instrument Sans", system-ui, -apple-system, sans-serif;
  --type-subtitle: 600 20px/26px "Instrument Sans", system-ui, -apple-system, sans-serif;
  --type-body: 400 16px/24px "Instrument Sans", system-ui, -apple-system, sans-serif;
  --type-caption: 400 12px/16px "Instrument Sans", system-ui, -apple-system, sans-serif;
  --type-label: 600 14px/20px "Instrument Sans", system-ui, -apple-system, sans-serif;
  --line-body: 24px;
  --hit-size: 44px;
  --content-width: 800px;
}

/* V2-WEB-05 — choix Auto / Clair / Sombre du site (data-theme sur <html>) :
   sans choix, le réglage du système. */
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-background: #12161F;
  --color-surface: #1C2230;
  --color-text-primary: #ECEDE7;
  --color-text-secondary: #9AA1AD;
  --color-accent: #ECEDE7;
  --color-border: #2B3242;
  --color-on-accent: #12161F;
  --color-accent-soft: rgba(236, 237, 231, 0.08);
  --color-scrim: rgba(0, 0, 0, 0.55);
  --color-positive: #66E6B2;
  --color-danger: #DF8472;
  --color-overspent: #E39AC0;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-background: #12161F;
    --color-surface: #1C2230;
    --color-text-primary: #ECEDE7;
    --color-text-secondary: #9AA1AD;
    --color-accent: #ECEDE7;
    --color-border: #2B3242;
    --color-on-accent: #12161F;
    --color-accent-soft: rgba(236, 237, 231, 0.08);
    --color-scrim: rgba(0, 0, 0, 0.55);
    --color-positive: #66E6B2;
    --color-danger: #DF8472;
    --color-overspent: #E39AC0;
  }
}