/* GÉNÉRÉ par scripts/tokens-build.mjs : fondations du kit (04-tecnologia/diseno/tokens.base.json) puis charte Loom (design/tokens/loom.tokens.json). Ne pas éditer à la main. */
:root {
  --text-xs: 12px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 32px;
  --leading-xs: 16px;
  --leading-sm: 20px;
  --leading-md: 24px;
  --leading-lg: 28px;
  --leading-xl: 32px;
  --leading-2xl: 40px;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-tracking-tight: -0.01em;
  --font-tracking-wide: 0.04em;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-pill: 9999px;
  --size-tap: 44px;
  --size-tap-lg: 48px;
  --size-fab: 56px;
  --size-bar: 56px;
  --size-icon: 24px;
  --size-icon-sm: 20px;
  --size-thumb: 64px;
  --size-thumb-lg: 96px;
  --size-handle: 32px;
  --breakpoint-medium: 600px;
  --breakpoint-expanded: 840px;
  --color-bg: #FFFEFB;
  --color-surface: #FFFFFF;
  --color-subtle: #F6F2EA;
  --color-ink: #1C1A17;
  --color-ink2: #524C44;
  --color-meta: #686158;
  --color-hairline: #E6E0D5;
  --color-border: #8A8276;
  --color-primary: #F4B92E;
  --color-primary-ink: #1C1A17;
  --color-accent-soft: #F4B92E;
  --color-danger: #B3261E;
  --color-success: #16A34A;
  --color-c-mx: #8E3B2E;
  --color-c-gt: #2F5D50;
  --color-c-sv: #6B4E8A;
  --color-c-hn: #9A4F12;
  --color-c-ni: #2E5E86;
  --color-c-cr: #5C6B2E;
  --color-c-pa: #2D6E6A;
  --color-dusk: #4A5A6A;
  --color-ok: #1E7040;
  --color-warn: #8C4A12;
  --font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "IBM Plex Mono", SFMono-Regular, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #14120F;
    --color-surface: #1A1815;
    --color-subtle: #211E1A;
    --color-ink: #F6F2EA;
    --color-ink2: #BDB5A9;
    --color-meta: #9E968A;
    --color-hairline: #322E28;
    --color-border: #7C7468;
    --color-primary: #FFC940;
    --color-primary-ink: #1C1A17;
    --color-accent-soft: #FFC940;
    --color-danger: #FF8B80;
    --color-success: #4ADE80;
    --color-dusk: #7C8A98;
    --color-ok: #6DD597;
    --color-warn: #FFA768;
  }
}
:root[data-theme="dark"] {
  --color-bg: #14120F;
  --color-surface: #1A1815;
  --color-subtle: #211E1A;
  --color-ink: #F6F2EA;
  --color-ink2: #BDB5A9;
  --color-meta: #9E968A;
  --color-hairline: #322E28;
  --color-border: #7C7468;
  --color-primary: #FFC940;
  --color-primary-ink: #1C1A17;
  --color-accent-soft: #FFC940;
  --color-danger: #FF8B80;
  --color-success: #4ADE80;
  --color-dusk: #7C8A98;
  --color-ok: #6DD597;
  --color-warn: #FFA768;
}