/* ============================================================================
   Long Okura — design tokens (the per-site skin contract).

   Two layers:
   1. --blz-* tokens — the concrete values. This is the plugin component
      contract (see the plugin's docs/TOKENS.md) AND the single source of
      truth: the Customizer's "Design Tokens (BLZ)" panel prints its
      overrides as a later :root{--blz-*} block, so anything resolving
      through these names re-skins live.
   2. Site vocabulary — the Editorial-Tech palette names exactly as the
      design file (editorial-tech-green.html :root) uses them, now defined
      as aliases of layer 1. Chrome CSS and any not-yet-migrated page
      sheets read these names, so the Customizer re-skins them too.

   Fonts load via the lo-fonts handle (inc/enqueue.php), not @import.
   ========================================================================== */

:root {
	/* ---- 1. --blz-* tokens (concrete values; Customizer-overridable) ---- */
	--blz-bg: #F8F5F0;
	--blz-bg-2: #F0EBE2;
	--blz-card-bg: #ffffff;
	--blz-dark-bg: #1D2118;
	--blz-ink: #22261C;              /* deep evergreen ink */
	--blz-ink-2: #2C3324;
	--blz-ink-soft: #3C4A44;
	--blz-mute: #5B665E;             /* AA: #6E7A73 was 4.1:1 on paper (fail); 5.5:1 now */
	--blz-accent: #42502F;           /* evergreen */
	--blz-accent-dark: #374327;
	--blz-accent-2: #5F6739;         /* AA: raw copper #767E48 as button-bg/text failed 4.5:1 (cream-on-copper 4.0, copper-text 4.0); copper-dark passes (5.5–5.6) */
	--blz-accent-2-dark: #4E5530;    /* hover: a step darker than accent-2 so the darken stays visible */
	--blz-accent-2-soft: rgba(118, 126, 72, .09);
	--blz-accent-3: #B2A768;         /* gold */
	--blz-on-accent: #F4F0E8;        /* text on accent buttons / hero */
	--blz-on-accent-2: #FBF6EF;      /* text on copper buttons (design .btn-copper) */
	--blz-on-dark: #EDE7DA;          /* body text on dark bands */
	--blz-on-dark-strong: #ffffff;
	--blz-on-dark-soft: rgba(237, 231, 218, .75);
	--blz-line: rgba(34, 38, 28, .12);
	--blz-line-2: rgba(34, 38, 28, .06);
	--blz-line-inv: rgba(248, 245, 240, .16);
	--blz-serif: 'Fraunces', Georgia, serif;
	--blz-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--blz-radius: 22px;
	--blz-radius-sm: 14px;
	--blz-shadow: 0 24px 60px rgba(34, 38, 28, .12);
	--blz-error: #B3474C;
	--blz-error-dark: #8E3237;

	/* ---- 2. site vocabulary (Editorial-Tech green) ----
	   Aliases of the --blz-* tokens above. --copper and --copper-dark both
	   fold into accent-2 (the AA-safe copper-dark): the raw #767E48 survives
	   only inside the -soft tint and decorative shadow literals. */
	--paper: var(--blz-bg);
	--paper-2: var(--blz-bg-2);
	--ink: var(--blz-ink);
	--ink-2: var(--blz-ink-2);
	--ink-soft: var(--blz-ink-soft);
	--mute: var(--blz-mute);
	--ever: var(--blz-accent);
	--ever-dark: var(--blz-accent-dark);
	--copper: var(--blz-accent-2);
	--copper-dark: var(--blz-accent-2);
	--copper-soft: var(--blz-accent-2-soft);
	--gold: var(--blz-accent-3);
	--line: var(--blz-line);
	--line-2: var(--blz-line-2);
	--line-inv: var(--blz-line-inv);
	--serif: var(--blz-serif);
	--sans: var(--blz-sans);
	--r: var(--blz-radius);
	--sh: var(--blz-shadow);
	--hero-bg: var(--blz-dark-bg);
	--cream: var(--blz-on-accent);
	--cream-2: var(--blz-on-dark);
	--cream-3: var(--blz-on-accent-2);

	/* ---- layout rhythm ----
	   These match the plugin's neutral fallbacks TODAY only because Long Okura
	   was the origin skin. Pin them here so LO stays decoupled from the shared
	   plugin defaults (a sibling skin retuning them must not shift LO). Values =
	   editorial-tech-green.html `.wrap` + `.band` (desktop / ≤900px). */
	--blz-wrap-max: 1220px;
	--blz-wrap-pad: 40px;
	--blz-wrap-pad-m: 22px;
	--blz-band-pad: 116px;
	--blz-band-pad-m: 82px;

	/* ---- type scale ----
	   The plugin ships a serif-led default hierarchy whose per-rule fallbacks
	   equal these; pinning them makes LO's typographic contract explicit and
	   skin-owned. Values = design .hero h1 / .sec-title. The em-* tokens are
	   deliberately LEFT UNSET so accent words keep inheriting their heading's
	   italic face/weight (the plugin's `var(--blz-em-*, inherit)` behaviour). */
	--blz-head-face: var(--blz-serif);
	--blz-head-size: clamp(32px, 4.4vw, 58px);
	--blz-head-weight: 360;
	--blz-head-track: -.02em;
	--blz-head-leading: 1.04;
	--blz-hero-size: clamp(46px, 7.6vw, 110px);
	--blz-hero-weight: 340;
	--blz-hero-track: -.025em;
	--blz-hero-em: #D9D1A0;
}