/*
 * Centurion — Design Tokens
 * Source of truth for the Centurion.org visual system, extracted verbatim from the
 * approved design comp (centurion-design-review.netlify.app/home-direction-a).
 * These custom properties back the child theme's CSS; the same values are mirrored
 * by hand into Elementor's Global Colors / Global Fonts — see docs/DESIGN-TOKENS.md.
 */
:root {
	/* ---- Brand palette ---- */
	--c-black:  #000000;
	--c-ink:    #161616; /* body text */
	--c-red:    #b51100; /* primary accent */
	--c-red-dk: #8a0d00; /* red hover / pressed */
	--c-gold:   #ddbb33; /* secondary accent */
	--c-gray:   #a5a5a5; /* muted text on dark */
	--c-paper:  #f3f1ec; /* page background */
	--c-white:  #ffffff;
	--c-line:   #ddd8cf; /* hairline borders on paper */

	/* ---- Type families ---- */
	--font-serif: "EB Garamond", Georgia, serif;             /* lead voice — headings & body */
	--font-label: "Special Elite", "Courier New", monospace; /* eyebrows, labels, buttons */

	/* ---- Type scale (fluid where the comp uses clamp) ---- */
	--fs-hero:    clamp(42px, 5.4vw, 78px); /* hero H1 */
	--fs-h2:      clamp(30px, 3.8vw, 50px); /* section H2 (large) */
	--fs-h2-sm:   clamp(28px, 3.2vw, 42px); /* section H2 (news) */
	--fs-cta:     clamp(32px, 4.2vw, 56px); /* CTA headline */
	--fs-stat:    62px; /* impact numbers */
	--fs-num:     56px; /* work-step numbers */
	--fs-h3:      28px;
	--fs-h4:      21px;
	--fs-lead:    21px; /* hero / intro lead */
	--fs-body:    19px;
	--fs-body-sm: 17px;
	--fs-label:   13px; /* eyebrows, buttons, meta */
	--fs-meta:    12px;

	/* ---- Rhythm & layout ---- */
	--lh-body:        1.65;
	--lh-head:        1.08;
	--tracking-head:  -0.01em;
	--tracking-label: 0.1em;
	--container:      1180px;
	--gutter:         28px;
	--space-section:  82px;
}