/*
 * Thrive at Work — global design tokens
 *
 * Scoped to .taw-site so these custom properties never leak
 * onto WPBakery, WordPress Core or third-party plugin markup
 * that lives outside our own templates.
 *
 * Values are sourced from the Phase 1 Figma audit (homepage
 * design_context sample). The type scale below is a semantic
 * mapping of the raw px values the audit found, not an
 * exhaustive dump of every value seen in the file.
 */

.taw-site {
	/* Layout — from the audit's grid/layout findings */
	--taw-canvas-width: 1440px;
	--taw-container-max-width: 1240px;
	--taw-gutter-desktop: 100px;
	--taw-gutter-mobile: 24px;

	/* Typography families — Sora for display/headings,
	   Manrope for body/UI. Local WOFF2 files are not embedded
	   yet; these fall back to system fonts until they are. */
	--taw-font-display: 'Sora', ui-sans-serif, system-ui, sans-serif;
	--taw-font-body: 'Manrope', ui-sans-serif, system-ui, sans-serif;

	/* Type scale — semantic names mapped to the audit's raw
	   px findings (size/line-height/tracking). */
	--taw-text-hero: 600 60px/72px var( --taw-font-display );
	--taw-text-h2: 600 38px/44px var( --taw-font-display );
	--taw-text-h3: 600 24px/31px var( --taw-font-display );
	--taw-text-h4: 600 20px/27px var( --taw-font-display );
	--taw-text-body-lg: 400 18px/27px var( --taw-font-body );
	--taw-text-body: 400 16px/25px var( --taw-font-body );
	--taw-text-body-sm: 400 15px/24px var( --taw-font-body );
	--taw-text-meta: 500 14px/22px var( --taw-font-body );
	--taw-text-eyebrow: 600 12px/16px var( --taw-font-body );
	--taw-tracking-eyebrow: 1.5px;

	/* Radii / shadow — from the audit's border-radius and
	   drop-shadow findings */
	--taw-radius-sm: 8px;
	--taw-radius-md: 16px;
	--taw-radius-lg: 24px;
	--taw-radius-pill: 999px;
	--taw-shadow-card: 0 14px 26px -6px rgba( 26, 36, 28, 0.22 );
	--taw-shadow-lift: 0 22px 44px -8px rgba( 20, 33, 26, 0.28 );
	--taw-shadow-teaser: 0 10px 28px -4px rgba( 26, 38, 31, 0.14 );
	--taw-shadow-rotated: 0 18px 36px -6px rgba( 0, 0, 0, 0.3 );

	/* Brand colors — primary palette confirmed by the audit */
	--taw-color-primary-900: #14342a;
	--taw-color-primary-800: #1d5240;
	--taw-color-accent-gold: #f0b429;
	--taw-color-accent-blue: #33608f;
	--taw-color-badge-bg: #fbeecb;
	--taw-color-badge-text: #8a6a10;

	/* Background neutrals — cream/parchment family */
	--taw-color-bg: #fdfbf5;
	--taw-color-white: #ffffff; /* Figma: literal white text on dark panels (Final CTA heading), distinct from the cream page background above */
	--taw-color-bg-alt-1: #faf6ed;
	--taw-color-bg-alt-2: #f7f1e3;
	--taw-color-bg-alt-3: #f3ecdc;
	--taw-color-bg-alt-4: #eae2cf;
	--taw-color-bg-alt-5: #e6dcc4;

	/* Text colors — Figma uses a genuinely multi-tier muted
	   scale, not one generic "muted" gray. Verified per-section
	   in the Phase 4 numeric audit; do not collapse these. */
	--taw-color-text: #3c4a42;          /* nav links, footer links, credentials */
	--taw-color-text-body: #5c6a62;     /* standard body/description copy */
	--taw-color-text-soft: #4c5a50;     /* Bio paragraph only */
	--taw-color-text-meta: #7a877d;     /* small meta/label text */
	--taw-color-text-faint: #93a096;    /* placeholders, legal/copyright line */
	--taw-color-text-muted: #7a877d;    /* @deprecated alias of text-meta, kept for compat */
	--taw-color-text-on-dark: #cfe0d4;
	--taw-color-number-muted: #c9bfa4;  /* Pathways "01/02/03" */
	--taw-color-eyebrow-amber: #8a6a10; /* the common eyebrow/label color — NOT primary-800 */
	--taw-color-ticker-a: #f9e9c7;
	--taw-color-ticker-b: #7fb79a;
	--taw-color-border: #e0d6be;
	--taw-color-border-card: #eae2cf;   /* card borders — distinct from --taw-color-border */
}