/* EdPeMS — jetons de design. Généré par tokens.py, ne pas éditer à la main. */
:root {
    /* marque */
    --brand-sable: #F1EDE2;
    --brand-creme: #F4F2E9;
    --brand-encre: #3B2D27;
    --brand-terracotta: #B55F43;
    --brand-orange: #D2601F;
    --brand-espresso: #2B211D;
    --brand-poisson-sombre: #CC7C5E;
    --brand-orange-sombre: #E0703C;
    --brand-ivoire: #F6F1EE;

    /* typographie */
    --font-display: 'Lora', 'Iowan Old Style', Georgia, serif;
    --font-ui: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
    --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, monospace;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-bold: 700;
    --text-display: clamp(2.75rem, 1.35rem + 6.2vw, 5.25rem);
    --text-h1: clamp(2.1rem, 1.25rem + 3.8vw, 3.5rem);
    --text-h2: clamp(1.65rem, 1.15rem + 2.2vw, 2.5rem);
    --text-h3: clamp(1.35rem, 1.1rem + 1.1vw, 1.75rem);
    --text-h4: clamp(1.15rem, 1.05rem + 0.45vw, 1.3125rem);
    --text-lead: clamp(1.125rem, 1.02rem + 0.5vw, 1.375rem);
    --text-body: 1.0625rem;
    --text-small: 0.9375rem;
    --text-caption: 0.8125rem;
    --text-label: 0.75rem;
    --leading-tight: 1.08;
    --leading-snug: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.7;
    --tracking-tight: -0.02em;
    --tracking-normal: 0;
    --tracking-wide: 0.04em;
    --tracking-label: 0.16em;
    --measure-prose: 68ch;
    --measure-narrow: 46ch;

    /* espacement */
    --space-0: 0.0rem;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1.0rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2.0rem;
    --space-10: 2.5rem;
    --space-12: 3.0rem;
    --space-16: 4.0rem;
    --space-20: 5.0rem;
    --space-24: 6.0rem;
    --space-32: 8.0rem;
    --space-40: 10.0rem;

    /* mise en page */
    --grid-columns: 12;
    --gutter: 1.5rem;
    --container: 75rem;
    --container-wide: 90rem;
    --container-prose: 45rem;
    --margin-inline: clamp(1.25rem, 5vw, 4rem);
    --bp-sm: 30rem;
    --bp-md: 48rem;
    --bp-lg: 64rem;
    --bp-xl: 80rem;

    /* formes, ombres, mouvement */
    --radius-none: 0;
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-pill: 999px;
    --radius-circle: 50%;
    --shadow-none: none;
    --shadow-overlay: 0 24px 48px -24px rgba(59, 45, 39, 0.28), 0 2px 8px -2px rgba(59, 45, 39, 0.12);
    --duration-instant: 80ms;
    --duration-fast: 140ms;
    --duration-base: 220ms;
    --duration-slow: 360ms;
    --ease-standard: cubic-bezier(0.2, 0, 0, 1);
    --ease-entrance: cubic-bezier(0, 0, 0, 1);
    --ease-exit: cubic-bezier(0.3, 0, 1, 1);
    --focus-width: 2px;
    --focus-offset: 2px;

    /* couleurs — thème clair (sable), par défaut */
    --c-surface-page: #F1EDE2;
    --c-surface-raised: #F4F2E9;
    --c-surface-sunken: #E4E0D5;
    --c-surface-inverse: #2B211D;
    --c-surface-accent: #EBDFD2;
    --c-ink-strong: #3B2D27;
    --c-ink-muted: #775D52;
    --c-ink-accent: #93513B;
    --c-ink-inverse: #F6F1EE;
    --c-ink-display: #99786A;
    --c-line: #D2CCC2;
    --c-line-strong: #B7B0A6;
    --c-line-accent: #D6AD9A;
    --c-line-field: #877D74;
    --c-focus: #CD5E1F;
    --c-accent: #B55F43;
    --c-accent-hover: #9A543D;
    --c-accent-quiet: #E9D9CC;
    --c-spark: #D2601F;
    --c-fish: #B55F43;
    --c-positive: #3F6B4F;
    --c-caution: #875913;
    --c-critical: #9A2B2B;
    --c-informative: #2F5D7C;
    color-scheme: light;
}

[data-theme="dark"] {
    --c-surface-page: #2B211D;
    --c-surface-raised: #39302C;
    --c-surface-sunken: #1F1815;
    --c-surface-inverse: #F1EDE2;
    --c-surface-accent: #453027;
    --c-ink-strong: #F6F1EE;
    --c-ink-muted: #B1AAA7;
    --c-ink-accent: #D1896E;
    --c-ink-inverse: #3B2D27;
    --c-ink-display: #88817D;
    --c-line: #4B423E;
    --c-line-strong: #685F5C;
    --c-line-accent: #6F4738;
    --c-line-field: #837B78;
    --c-focus: #E0703C;
    --c-accent: #CC7C5E;
    --c-accent-hover: #D5967E;
    --c-accent-quiet: #483129;
    --c-spark: #E0703C;
    --c-fish: #CC7C5E;
    --c-positive: #8FBF9E;
    --c-caution: #D8AC5A;
    --c-critical: #E58A80;
    --c-informative: #8FBBD9;
    color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --c-surface-page: #2B211D;
    --c-surface-raised: #39302C;
    --c-surface-sunken: #1F1815;
    --c-surface-inverse: #F1EDE2;
    --c-surface-accent: #453027;
    --c-ink-strong: #F6F1EE;
    --c-ink-muted: #B1AAA7;
    --c-ink-accent: #D1896E;
    --c-ink-inverse: #3B2D27;
    --c-ink-display: #88817D;
    --c-line: #4B423E;
    --c-line-strong: #685F5C;
    --c-line-accent: #6F4738;
    --c-line-field: #837B78;
    --c-focus: #E0703C;
    --c-accent: #CC7C5E;
    --c-accent-hover: #D5967E;
    --c-accent-quiet: #483129;
    --c-spark: #E0703C;
    --c-fish: #CC7C5E;
    --c-positive: #8FBF9E;
    --c-caution: #D8AC5A;
    --c-critical: #E58A80;
    --c-informative: #8FBBD9;
    color-scheme: dark;
  }
}