/* Le97 Horizon V2 — jetons du design system.
 * Référence : docs/design/Le97_Horizon_V2/DESIGN_SYSTEM.md, docs/LE97_HORIZON_COMPONENTS.md (§ 1).
 * Contrastes : les teintes Horizon d'origine servent aux surfaces et aux gros textes ; les variantes
 * « -text » (≥ 4,5:1 sur --bg et sur --card, et en blanc dessus) servent aux textes et aux badges
 * (décision D12). Contrôlé par tests/Unit/HorizonTokensTest.php. */

@font-face{font-family:'Sora';font-style:normal;font-display:swap;font-weight:100 800;src:url(../../fonts/sora-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Sora';font-style:normal;font-display:swap;font-weight:100 800;src:url(../../fonts/sora-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:100 1000;src:url(../../fonts/dm-sans-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:100 1000;src:url(../../fonts/dm-sans-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
	/* Couleurs Horizon */
	--ink:#16243b;
	--muted:#66758b;
	--blue:#2463e9;
	--blue-strong:#1b4fc4;
	--blue-soft:#edf3ff;
	--teal:#0b9787;
	--orange:#ed7046;
	--bg:#f7f8fb;
	--card:#ffffff;
	--line:#e5eaf1;
	--line-strong:#cfd8e4;
	--night:#11253b;
	--night-2:#112238;
	/* Variantes de texte conformes AA (décision D12) */
	--muted-text:#637187;
	--teal-text:#097f72;
	--orange-text:#c94114;
	--success:#097f72;
	--success-soft:#e8f8f1;
	--warning:#c94114;
	--warning-soft:#fff0e7;
	--danger:#b42318;
	--danger-soft:#fdecea;
	--info-soft:#eef5ff;
	--focus-ring:#f0aa35;
	/* Typographie */
	--font-display:'Sora','DM Sans',Arial,sans-serif;
	--font-text:'DM Sans',Arial,sans-serif;
	--fs-xs:12px;
	--fs-sm:13px;
	--fs-md:15px;
	--fs-lg:17px;
	--fs-xl:21px;
	--fs-2xl:27px;
	--fs-3xl:clamp(28px,3.2vw,38px);
	/* Espacements (pas de 4 px) */
	--space-1:4px;
	--space-2:8px;
	--space-3:12px;
	--space-4:16px;
	--space-5:20px;
	--space-6:24px;
	--space-7:32px;
	--space-8:44px;
	/* Formes */
	--radius:20px;
	--radius-md:14px;
	--radius-sm:11px;
	--radius-pill:999px;
	--shadow:0 12px 44px rgba(20,38,64,.055);
	--shadow-pop:0 24px 55px rgba(21,41,71,.18);
	/* Mise en page */
	--container:1320px;
	--gutter:28px;
	--tap:44px;
	--bottom-nav-h:calc(65px + env(safe-area-inset-bottom));
	/* Couches (contrat DESIGN_SYSTEM.md § 4, complété : modale et lien d'évitement) */
	--layer-page:0;
	--layer-sticky:40;
	--layer-dropdown:90;
	--layer-mobile-nav:110;
	--layer-backdrop:170;
	--layer-drawer:180;
	--layer-modal:200;
	--layer-toast:220;
	--layer-skip:230;
}
@media (max-width:720px){:root{--gutter:16px}}

/* Jetons sombres préparés, non activés (arbitrage A3) : rien ne pose data-theme="dark". */
[data-theme="dark"]{
	--ink:#e8eef7;
	--muted:#a3b1c4;
	--muted-text:#a3b1c4;
	--bg:#0e1828;
	--card:#16243b;
	--line:#25364f;
	--line-strong:#34496a;
	--blue-soft:#1b2c4b;
	--info-soft:#1b2c4b;
}