/*
	Design tokens — transcription du :root de la maquette Claude Design
	(.claude/doc/design/v1/, direction « Atelier »).
	--accent et --accent-ink sont surchargés par boutique via une balise
	<style> injectée par le layout.
*/

@font-face {
	font-family: 'Heebo';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/heebo-latin.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: 'Heebo';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/heebo-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root{
	/* ── Couleurs ── */
	--bg:#f6f6f7; --surface:#ffffff; --subtle:#f1f1f3; --hover:#f4f4f6;
	--border:#e7e7ea; --border-strong:#d7d7dc;
	--text:#17171c; --text-2:#68686f; --text-3:#9a9aa2;
	--accent:#E67912;            /* couleur d'accent boutique — remplaçable */
	--accent-ink:#b45c07;        /* accent lisible sur blanc */
	--accent-weak:color-mix(in srgb, var(--accent) 12%, #fff);
	--accent-line:color-mix(in srgb, var(--accent) 40%, #fff);
	/* ── Statuts ── */
	--st-neutral-bg:#f0f0f2; --st-neutral-fg:#5b5b63; --st-neutral-dot:#9a9aa2;
	--st-info-bg:#eef2f8;   --st-info-fg:#39597e;   --st-info-dot:#5b7aa5;
	--st-ok-bg:#e9f5ee;     --st-ok-fg:#2b6b46;     --st-ok-dot:#4b9e69;
	--st-danger-bg:#f8ecec; --st-danger-fg:#98393a; --st-danger-dot:#c46767;
	/* ── Rayons ── */
	--r-sm:5px; --r-md:8px; --r-lg:14px; --r-pill:999px;
	/* ── Ombres ── */
	--sh-sm:0 1px 2px rgba(20,20,30,.05);
	--sh-card:0 1px 3px rgba(20,20,30,.06), 0 10px 30px rgba(20,20,30,.05);
	--sh-cardHover:0 2px 6px rgba(20,20,30,.08), 0 16px 40px rgba(20,20,30,.09);
	--sh-pop:0 10px 30px rgba(20,20,30,.13), 0 2px 6px rgba(20,20,30,.06);
	--sh-sidebar:-16px 0 40px rgba(20,20,30,.10);
	/* ── Type ── */
	--font:'Heebo', system-ui, -apple-system, Segoe UI, sans-serif;
	/* ── Espacement (base 4) ── */
	--sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px;
}