/**
 * Trimidi HSE — Design tokens v1.8 (Committed / OKLCH)
 *
 * Refonte impeccable :
 *   - Palette OKLCH (chroma modéré, hue 250 navy chaleureux)
 *   - Typographie : Fraunces (display) + Inter (body), ratio 1.333
 *   - Spacing aéré : sections clamp(72px, 9vw, 128px)
 *   - Anti-bans respectés : pas de side-stripe, pas de gradient text,
 *     pas de glassmorphism, pas de hero "big number"
 *
 * Les noms de variables --th-* sont conservés (compatibilité descendante)
 * mais leurs valeurs sont mises à jour pour le redesign Committed.
 */

:root {
	/* ════════════════════════════════════════════════════════════════
	   COULEURS — Palette OKLCH (chroma modéré, hue 250)
	   ════════════════════════════════════════════════════════════════ */

	/* ── Navy / Bleu primaire ───────────────────────────────────── */
	--th-primary:       oklch(0.28 0.06 250);   /* Bleu navy Trimidi (chaud) */
	--th-primary-dark:  oklch(0.20 0.04 250);   /* Hero, footer, CTA drenched */
	--th-primary-light: oklch(0.38 0.06 250);   /* Hovers, états actifs */
	--th-primary-mute:  oklch(0.42 0.015 250);  /* Texte secondaire bleuté */

	/* ── Accent cuivre / orange (≤8% des surfaces) ──────────────── */
	--th-accent:        oklch(0.72 0.16 60);    /* CTA primaires */
	--th-accent-dark:   oklch(0.62 0.17 55);    /* Hover */
	--th-accent-copper: oklch(0.55 0.10 60);    /* Filets, séparateurs cuivre */

	/* ── Neutres tintés warm (jamais #fff ni #000) ──────────────── */
	--th-bg:            oklch(0.985 0.005 80);  /* Fond papier (légèrement chaud) */
	--th-paper-warm:    oklch(0.96 0.012 75);   /* Sections alternées (sable) */
	--th-paper-deep:    oklch(0.92 0.015 70);   /* Zones plus denses */
	--th-soft:          oklch(0.97 0.012 75);   /* Alias compat */
	--th-white:         oklch(0.99 0.003 80);   /* Blanc tinté */

	/* ── Bordures et lignes ─────────────────────────────────────── */
	--th-border:        oklch(0.88 0.01 250);
	--th-border-soft:   oklch(0.93 0.008 250);

	/* ── Texte ──────────────────────────────────────────────────── */
	--th-text:          oklch(0.20 0.01 250);   /* Encre principale (tirée bleu) */
	--th-text-soft:     oklch(0.42 0.015 250);  /* Secondaire */
	--th-muted:         oklch(0.58 0.012 250);  /* Tertiaire / captions */

	/* ── Statuts ────────────────────────────────────────────────── */
	--th-success: oklch(0.55 0.13 145);
	--th-warning: oklch(0.72 0.16 60);
	--th-danger:  oklch(0.55 0.20 25);
	--th-info:    oklch(0.45 0.10 250);

	/* ════════════════════════════════════════════════════════════════
	   TYPOGRAPHIE — Fraunces (display) + Inter (body)
	   ════════════════════════════════════════════════════════════════ */

	--th-font:         'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
	--th-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;

	--th-fs-xs:    0.75rem;     /* 12px */
	--th-fs-sm:    0.875rem;    /* 14px */
	--th-fs-base:  1rem;        /* 16px */
	--th-fs-lg:    1.125rem;    /* 18px */
	--th-fs-xl:    1.5rem;      /* 24px */
	--th-fs-2xl:   2rem;        /* 32px */
	--th-fs-3xl:   2.625rem;    /* 42px */
	--th-fs-4xl:   3.5rem;      /* 56px */
	--th-fs-5xl:   4.6875rem;   /* 75px — hero display */
	--th-fs-6xl:   4.6875rem;   /* Alias compat */

	/* ════════════════════════════════════════════════════════════════
	   ESPACEMENTS
	   ════════════════════════════════════════════════════════════════ */

	--th-sp-1:  0.25rem;
	--th-sp-2:  0.5rem;
	--th-sp-3:  0.75rem;
	--th-sp-4:  1rem;
	--th-sp-5:  1.5rem;
	--th-sp-6:  2rem;
	--th-sp-7:  3rem;
	--th-sp-8:  4rem;
	--th-sp-9:  6rem;

	/* Espacements de section (fluides, aérés) */
	--th-space-section: clamp(72px, 9vw, 128px);
	--th-space-block:   clamp(40px, 5vw, 64px);
	--th-space-row:     clamp(24px, 3vw, 32px);

	/* ════════════════════════════════════════════════════════════════
	   LAYOUT
	   ════════════════════════════════════════════════════════════════ */

	--th-container:    1100px;
	--th-container-sm: 720px;
	--th-measure:      65ch;

	/* ════════════════════════════════════════════════════════════════
	   BORDER-RADIUS (sobre)
	   ════════════════════════════════════════════════════════════════ */

	--th-radius-sm: 4px;
	--th-radius:    6px;
	--th-radius-lg: 12px;
	--th-radius-xl: 24px;
	--th-radius-full: 9999px;

	/* ════════════════════════════════════════════════════════════════
	   OMBRES (subtiles)
	   ════════════════════════════════════════════════════════════════ */

	--th-shadow-sm: 0 1px 2px oklch(0.20 0.04 250 / 0.05);
	--th-shadow:    0 2px 8px oklch(0.20 0.04 250 / 0.06);
	--th-shadow-md: 0 4px 16px oklch(0.20 0.04 250 / 0.08);
	--th-shadow-lg: 0 12px 32px oklch(0.20 0.04 250 / 0.10);
	--th-shadow-xl: 0 24px 48px oklch(0.20 0.04 250 / 0.14);

	/* ════════════════════════════════════════════════════════════════
	   TRANSITIONS — ease-out exponentiel
	   ════════════════════════════════════════════════════════════════ */

	--th-ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
	--th-transition:      0.25s var(--th-ease-out-quart);
	--th-transition-slow: 0.4s var(--th-ease-out-quart);

	/* ════════════════════════════════════════════════════════════════
	   HEADER
	   ════════════════════════════════════════════════════════════════ */

	--th-header-height: 80px;
}