/* =====================================================================
 * prepa-hec.com — DESIGN SYSTEM (tokens)
 * Variables du design, chargées sur tout le site. Le rendu (layout) vit
 * dans theme.css, scopé à .phec-page pour ne pas polluer les pages Astra
 * non migrées. Le design fait foi : angles vifs, encre + laiton, filets 1px.
 * Palette et échelle extraites de Prepa-HEC Design.dc.html.
 * ===================================================================== */

:root {
	/* --- Encre (fonds sombres) --- */
	--phec-ink: #131210;          /* fond principal */
	--phec-ink-card: #15140f;     /* cartes sur encre */
	--phec-ink-footer: #0f0e0c;   /* pied de page */
	--phec-ink-soft: #1b1a15;     /* survol / strate */

	/* --- Papier (fonds clairs) --- */
	--phec-paper: #efe8d8;        /* crème principal */
	--phec-paper-2: #dedbd3;      /* variante */
	--phec-paper-3: #d6cfbf;      /* variante plus dense */

	/* --- Texte --- */
	--phec-text-on-ink: #efe8d8;      /* corps sur encre */
	--phec-text-muted: #cfc7b6;       /* muté clair */
	--phec-text-muted-2: #a8a090;     /* muté moyen */
	--phec-text-muted-3: #9a9384;     /* muté profond */
	--phec-text-meta: #7d7768;        /* métadonnées, labels discrets */
	--phec-text-faint: #8a8474;
	--phec-text-on-paper: #131210;    /* corps sur papier */
	--phec-gray-fn: #5c6470;          /* gris fonctionnel */

	/* --- Accent unique : laiton or (< 5 % de la surface) --- */
	--phec-gold: #c6a353;
	--phec-gold-deep: #3a3320;    /* laiton assombri (fonds de survol discrets) */

	/* --- Filets (hairlines) --- */
	--phec-hair-on-ink: rgba(239, 232, 216, .16);   /* filet dominant sur encre */
	--phec-hair-on-ink-soft: rgba(239, 232, 216, .12);
	--phec-hair-on-ink-strong: rgba(239, 232, 216, .28);
	--phec-hair-on-paper: #131210;

	/* --- Signaux ponctuels (jamais décoratifs) --- */
	--phec-ok: #7cbb8a;
	--phec-warn: #c98a7c;

	/* --- Typographie --- */
	--phec-serif: 'Bodoni Moda', Georgia, 'Times New Roman', serif;   /* display, titres, chiffres */
	--phec-sans: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; /* corps + petites caps */

	/* Échelle de titres (Bodoni), chasse serrée. */
	--phec-fs-hero: 88px;
	--phec-fs-h1: 72px;
	--phec-fs-h2: 48px;
	--phec-fs-h3: 26px;
	--phec-fs-h4: 20px;
	--phec-fs-stat: 72px;   /* chiffres clés géants */

	/* Corps et utilitaires (Hanken). */
	--phec-fs-lead: 22px;
	--phec-fs-body: 18px;
	--phec-fs-body-sm: 16px;
	--phec-fs-small: 14px;
	--phec-fs-eyebrow: 13px; /* petites caps espacées */
	--phec-fs-label: 12px;

	--phec-lh-body: 1.6;
	--phec-lh-title: 1.05;

	/* Chasse (letter-spacing). */
	--phec-ls-title: -.01em;      /* Bodoni serré */
	--phec-ls-eyebrow: .14em;     /* petites caps institutionnelles */
	--phec-ls-eyebrow-wide: .18em;

	/* --- Géométrie : angles vifs, jamais d'arrondi mou --- */
	--phec-radius: 0px;
	--phec-radius-max: 2px;

	/* --- Rythme / conteneur --- */
	--phec-container: 1180px;
	--phec-gutter: 48px;
	--phec-section-y: 96px;   /* padding vertical de section (desktop) */
	--phec-section-y-sm: 56px;

	/* --- Élément signature : marge de copie (filet laiton à gauche du titre) --- */
	--phec-copy-rule: 2px solid var(--phec-gold);
	--phec-copy-pad: 30px;

	/* --- Motion : minimale et sèche --- */
	--phec-reveal-dur: 200ms;
	--phec-hover-dur: 150ms;
}