/**
 * Est. 1973 design-token layer (Wave 3.0 foundation shell).
 *
 * Custom-property source of truth for the "Est. 1973" design system, ported
 * verbatim from the approved mockup (docs/superpowers/plans/est1973-mockups/
 * direction-f2.tpl.html :root block) plus a derived type/spacing/radius/shadow
 * scale for later per-family waves to consume.
 *
 * Loaded ONLY when CCS_EST1973 is active (see ccs-est1973-flag.php). Defining
 * unused custom properties on :root is inert, so this file never needs to be
 * scoped defensively — but it is still gated at the enqueue layer so flag-off
 * output stays byte-identical to pre-lane prod.
 */

:root {
	/* ---- palette (verbatim from the approved mockup) ---- */
	--e73-cream: #F6EFDE;
	--e73-porcelain: #FFFAEE;
	--e73-paper: #F1E7CF;
	--e73-ink: #2A211A;
	--e73-body: #4A4238;
	--e73-muted: #7A6E5D;
	--e73-teal: #0E6B63;
	--e73-teal-2: #0A554E;
	--e73-red: #C6362B;
	--e73-red-2: #A82A20;
	--e73-butter: #E8B84B;
	--e73-butter-2: #F3D488;
	--e73-brass: #A8782D;
	--e73-line: #DCCFAF;
	--e73-dark: #241C14;
	--e73-porcelain-12: rgba(255, 250, 238, .12);
	--e73-porcelain-55: rgba(255, 250, 238, .55);
	--e73-butter-15: rgba(232, 184, 75, .15);

	/* ---- type families (self-hosted; see est1973-fonts.css) ---- */
	--e73-font-slab: 'Jost', -apple-system, BlinkMacSystemFont, sans-serif;
	--e73-font-script: 'Pacifico', cursive;
	--e73-font-serif: 'Bitter', Georgia, serif;
	/* two-family consolidation (owner brief): display + body aliases */
	--e73-font-display: 'Bitter', Georgia, serif;
	--e73-font-body: 'Jost', -apple-system, BlinkMacSystemFont, sans-serif;

	/* ---- fluid type scale (clamp ranges derived from the mockup) ---- */
	--e73-fs-xs: 12.5px;
	--e73-fs-sm: 14px;
	--e73-fs-base: 16.5px;
	--e73-fs-md: clamp(17px, 1.5vw, 19px);
	--e73-fs-lg: clamp(21px, 2.4vw, 30px);
	--e73-fs-xl: clamp(24px, 2.6vw, 34px);
	--e73-fs-2xl: clamp(30px, 3.6vw, 46px);
	--e73-fs-3xl: clamp(32px, 4.2vw, 52px);
	--e73-fs-4xl: clamp(40px, 5.4vw, 64px);

	/* ---- spacing scale ---- */
	--e73-space-xs: 8px;
	--e73-space-sm: 14px;
	--e73-space-md: clamp(20px, 4vw, 44px);
	--e73-space-lg: clamp(34px, 5vw, 70px);
	--e73-space-xl: clamp(64px, 8vw, 104px);

	/* ---- radii ---- */
	--e73-radius-sm: 6px;
	--e73-radius-md: 9px;
	--e73-radius-lg: 14px;
	--e73-radius-xl: 26px;

	/* ---- shadows ---- */
	--e73-shadow-card: 10px 10px 0 rgba(42, 33, 26, .12);
	--e73-shadow-lifted: 0 22px 50px rgba(42, 33, 26, .14);
	--e73-shadow-btn-teal: 0 6px 0 var(--e73-teal-2);
	--e73-shadow-btn-teal-active: 0 2px 0 var(--e73-teal-2);
	--e73-shadow-btn-butter: 0 6px 0 var(--e73-brass);
	--e73-shadow-btn-butter-active: 0 2px 0 var(--e73-brass);
	--e73-shadow-btn-porcelain: 0 6px 0 var(--e73-ink);
	--e73-shadow-btn-porcelain-active: 0 2px 0 var(--e73-ink);
	--e73-shadow-flow-on-dark: inset 0 30px 34px -38px rgba(255, 250, 238, .68), inset 0 -30px 34px -38px rgba(255, 250, 238, .34);
	--e73-shadow-flow-after-dark: inset 0 28px 34px -38px rgba(36, 28, 20, .42);
	--e73-shadow-flow-soft: inset 0 24px 30px -36px rgba(42, 33, 26, .2), inset 0 -24px 30px -36px rgba(42, 33, 26, .12);

	/* ---- misc ---- */
	--e73-flow-depth: clamp(32px, 4vw, 64px);
	--e73-theme-color: #0E6B63;
}