/*
 * Charte HPM — tokens (source unique de vérité couleurs & espacement).
 * Ne pas dupliquer ces valeurs ailleurs dans le thème.
 */

/* ===== Police variable auto-hébergée (corps + titres) ===== */
@font-face {
	font-family: "HPM Sans";
	src: url("../fonts/hpm-sans.woff2") format("woff2");
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
}

:root {
	/* PRIMAIRE — Vert EEC (actions, H1, filets, liens accent) */
	--c-primary:        #1B7A3D;
	--c-primary-dark:   #145E2E;
	--c-primary-tint:   #E8F3EC;

	/* SECONDAIRE — Bleu institutionnel (pied, hero institutionnel, boutons secondaires) */
	--c-secondary:      #1E3A5F;
	--c-secondary-dark: #15293F;
	--c-secondary-tint: #EAF0F6;

	/* ACCENT — Jaune EEC (filet patrimonial, touches, badges décoratifs) */
	--c-accent:         #F2C230;
	--c-accent-tint:    #FEF6DC;

	/* URGENCES — rouge réservé */
	--c-emergency:      #C0392B;
	--c-emergency-050:  #FDECEA;
	--c-emergency-on-secondary: #FFD7D9;

	/* NEUTRES */
	--c-ink:            #14201A;
	--c-muted:          #5B6670;
	--c-line:           #E4E8EB;
	--c-bg:             #FFFFFF;
	--c-bg-soft:        #F6F8F7;
	--c-surface-subtle: #FBFCFD;

	/* Texte sur fonds saturés */
	--c-on-primary:     #FFFFFF;
	--c-on-secondary:   #FFFFFF;
	--c-on-emergency:   #FFFFFF;

	/* Typographie & texte sur fond secondaire (pied de page) */
	--c-secondary-text:         #EAF0F6;
	--c-secondary-text-soft:    #BCD3EE;
	--c-secondary-text-muted:   #A9C4D8;
	--c-secondary-heading:      #9FC0E8;

	/* Overlays (dégradés hero / pied — dérivés du bleu secondaire) */
	--c-overlay-secondary-95: rgba(21, 41, 63, 0.95);
	--c-overlay-secondary-94: rgba(21, 41, 63, 0.94);
	--c-overlay-secondary-90: rgba(30, 58, 95, 0.90);
	--c-overlay-secondary-88: rgba(30, 58, 95, 0.88);
	--c-overlay-secondary-86: rgba(21, 41, 63, 0.86);
	--c-overlay-secondary-78: rgba(21, 41, 63, 0.78);
	--c-overlay-secondary-74: rgba(21, 41, 63, 0.74);
	--c-overlay-secondary-62: rgba(21, 41, 63, 0.62);
	--c-overlay-white-10:     rgba(255, 255, 255, 0.10);
	--c-overlay-white-12:     rgba(255, 255, 255, 0.12);
	--c-overlay-white-14:     rgba(255, 255, 255, 0.14);
	--c-overlay-white-16:     rgba(255, 255, 255, 0.16);
	--c-overlay-white-20:     rgba(255, 255, 255, 0.20);
	--c-overlay-white-22:     rgba(255, 255, 255, 0.22);
	--c-overlay-white-28:     rgba(255, 255, 255, 0.28);
	--c-overlay-ink-72:       rgba(15, 25, 40, 0.72);
	--c-overlay-ink-78:       rgba(15, 25, 40, 0.78);
	--c-overlay-warm-74:      rgba(160, 106, 80, 0.74);

	/* Marque tierce (WhatsApp uniquement) */
	--c-whatsapp: #25D366;

	/* Placeholders mode construction (admin / préprod) */
	--c-placeholder-bg:     #FFF8E6;
	--c-placeholder-ink:    #7A5B00;
	--c-placeholder-border: #C9A227;

	/* Ombres (nuance encre chaude) */
	--shadow-soft:  0 1px 2px rgba(20, 32, 26, 0.04), 0 8px 24px rgba(20, 32, 26, 0.07);
	--shadow-hover: 0 2px 6px rgba(20, 32, 26, 0.06), 0 16px 36px rgba(20, 32, 26, 0.12);
	--shadow-primary: 0 6px 20px rgba(20, 94, 46, 0.16);
	--shadow-inset-secondary: inset 0 0 0 1px rgba(30, 58, 95, 0.14);
	--shadow-inset-primary:   inset 0 0 0 1px rgba(27, 122, 61, 0.14);

	/* Système */
	--radius:    14px;
	--radius-sm: 10px;
	--lh-base:   1.6;
	--space:     1rem;
	--font-body: "HPM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--font-display: var(--font-body);
	--w-container: 1140px;
	--fs-base: 1rem;

	/* Espacement (échelle 4px) */
	--sp-1: .25rem;
	--sp-2: .5rem;
	--sp-3: 1rem;
	--sp-4: 1.5rem;
	--sp-5: 2rem;
	--sp-6: 3rem;

	/* Rythme vertical & mesure de lecture */
	--section-py: clamp(2.5rem, 5vw, 4.5rem);
	--block-gap:  clamp(1.5rem, 3vw, 2.5rem);
	--measure:    72ch;

	/* Alias legacy (compat composants existants) */
	--c-primary-600:  var(--c-primary-dark);
	--c-primary-050:    var(--c-primary-tint);
	--c-accent-ref:     var(--c-primary);
	--c-accent-050:     var(--c-primary-tint);
	--c-eec:            var(--c-accent);
	--c-border:      var(--c-line);
	--c-surface:     var(--c-bg);
	--c-surface-alt: var(--c-bg-soft);
	--font-base:     var(--font-body);
}