/* ===========================================================================
   Sego Leadership — design tokens
   Source of truth: src/app/tokens.ts in the React prototype (brand guide
   values), cross-checked against the Figma "Foundations" page swatches.
   Figma swatch names are noted in comments for traceability.
   =========================================================================== */
:root {
	/* --- Primary palette ------------------------------------------------- */
	--sego-plum:        #4b153f; /* plum-primary — CTAs, hero bg, headings accents */
	--sego-near-black:  #2a2927; /* nearblack-secondary — footer alt, dark surfaces */
	--sego-teal:        #2f5c5c; /* deepteal-secondary — individual programs vertical */
	--sego-gold:        #d5b52a; /* mustardgold-primary — corporate vertical, footer bg, eyebrows */
	--sego-cream:       #fff8ed; /* seashell-primary — alternating section bg */
	--sego-white:       #ffffff;
	--sego-off-white:   #f8f8f8; /* offwhite (neutral) */

	/* --- Light tints ------------------------------------------------------ */
	--sego-plum-light:  #f5eff3; /* paleplum tint — Give cards, purple bgs */
	--sego-teal-light:  #e8f2f1; /* program cards, green bgs */
	--sego-gold-light:  #faf7e6; /* corporate cards, gold bgs */

	/* --- Fork-card tints (from prototype Home) ---------------------------- */
	--sego-tint-plum:   #f0e8ee;
	--sego-tint-coral:  #fceaea;
	--sego-tint-teal:   #e5f0f0;

	/* --- Extended palette -------------------------------------------------- */
	--sego-plum-mid:    #78466f; /* dustyplum-primary */
	--sego-mauve:       #c7a1b2; /* paleplum-primary — accent labels */
	--sego-gold-pale:   #eada94; /* honey-primary */
	--sego-teal-sage:   #618a83; /* sageteal-secondary */
	--sego-teal-dark:   #013838; /* darkteal-secondary */
	--sego-coral:       #dc6867; /* warmcoral-secondary — alerts, highlights */
	--sego-coral-dark:  #b54342; /* rust-secondary */

	/* --- Text & borders ----------------------------------------------------
	   NOTE: Figma still contains stale variables (#E0E0E0 border, #A1A1A1
	   text-secondary) from the pre-rebrand palette. tokens.ts values below
	   are canonical per team decision. */
	--sego-text-primary:   #2a2927;
	--sego-text-secondary: #4b4a48;
	--sego-border:         #e8e7e5;

	/* --- Donor-carousel dots (spec 14) -------------------------------------
	   NOT brand values. Figma home-carousels 153:121 draws the dots in the same
	   off-brand Linear-ish palette the whole component was pasted in with
	   (#e2e4e9 borders, #8a8f98 labels). They are isolated here because the
	   pair reads INVERTED on the section's new #013838 ground: the active dot
	   is darker than the inactive ones, so the current slide is the hardest to
	   see. Flagged for the client — swapping these two lines is the whole fix.
	   See wp-build/launch-checklist.md. */
	--sego-carousel-dot:        #cfe6de; /* Figma "dot"        — pale mint  */
	--sego-carousel-dot-active: #1f6e62; /* Figma "dot-active" — mid teal   */

	/* --- Typography --------------------------------------------------------
	   DO NOT EDIT --sego-font-body HERE TO CHANGE THE SITE'S BODY FONT.
	   It is switched per environment by the SEGO_BODY_FONT constant in
	   wp-config.php; the theme re-declares this property inline immediately
	   after this file, so whatever is set below loses. The mode table, the
	   Adobe Fonts kit path and the licensing constraints all live in
	   inc/fonts/fonts.php — read that header first.
	       define( 'SEGO_BODY_FONT', 'helvetica' );   // client preview
	   Modes: acumin-local (default) · acumin-kit · helvetica · source-sans

	   The value below is the `acumin-local` stack, kept so this file still
	   makes sense standalone and degrades sanely if the PHP override ever
	   fails to print. It serves no font files: 'Acumin Variable Concept' is
	   the OS name of the CC-bundled TTF and renders only on machines that
	   already have it (ours, the client's) — everyone else gets Source Sans 3.
	   Never @font-face the client TTF (Adobe EULA — hard rule).
	   Full procedure: wp-build/acumin-font-access.md */
	--sego-font-heading: 'Literata', Georgia, serif;
	--sego-font-body: 'Acumin Variable Concept', 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	/* --- Spacing scale (Figma Foundations) --------------------------------- */
	--space-4:  4px;
	--space-8:  8px;
	--space-12: 12px;
	--space-16: 16px;
	--space-24: 24px;
	--space-32: 32px;
	--space-48: 48px;
	--space-64: 64px;
	--space-96: 96px;

	/* --- Radii -------------------------------------------------------------- */
	--sego-radius-button: 6px;
	--sego-radius-card:   8px;
	--sego-radius-hero:   12px;
	--sego-radius-pill:   20px;

	/* --- Layout --------------------------------------------------------------
	   Prototype uses 1140px content width; Figma grid implies 1240
	   (1400 frame − 2×80 margin). Using 1140 until designer confirms. */
	--sego-content-width: 1140px;
}