/* ==================================================================
   TRUTHSCAPE - Design tokens
   ------------------------------------------------------------------
   The single source of truth for color is the Kadence Customizer
   palette. These aliases point at Kadence's palette variables, with
   the canonical hex as a fallback if a slot is ever unset.

   Nothing in this file produces visible output on its own.
   See the Truthscape Style Guide v1.0 for the reasoning behind
   every value here.
   ================================================================== */

:root {

	/* --- Brand ---------------------------------------------------- */
	--ts-navy:        var(--global-palette3,  #071A2D);
	--ts-navy-soft:   #0F2540;
	--ts-gold:        var(--global-palette1,  #C79A3B);
	--ts-gold-soft:   var(--global-palette2,  #B8862A);
	--ts-gold-light:  #D8B876;
	--ts-gold-text:   #806325;

	/* --- Text ramp ------------------------------------------------ */
	--ts-ink:         var(--global-palette5,  #223240);
	--ts-body:        var(--global-palette4,  #2C3E4D);
	--ts-muted:       var(--global-palette6,  #5B6772);

	/* --- Surfaces ------------------------------------------------- */
	--ts-cream:       var(--global-palette8,  #F7F2E8);
	--ts-cream-deep:  var(--global-palette7,  #EFE6D2);
	--ts-paper:       #FFFDF8;
	--ts-white:       var(--global-palette9,  #FFFFFF);

	/* --- Lines ---------------------------------------------------- */
	--ts-rule:        rgba(199, 154, 59, .35);
	--ts-rule-solid:  #E4DDCB;
	--ts-rule-cool:   #C9CCD1;

	/* --- Scholarly + semantic ------------------------------------- */
	--ts-apparatus:   #8A2B2B;
	--ts-highlight:   #FBEECB;
	--ts-success:     var(--global-palette11, #13612E);
	--ts-info:        #0D4A86;
	--ts-warning:     #9B6E1B;
	--ts-alert:       var(--global-palette13, #B82105);

	/* --- Label color ---------------------------------------------- *
	 * Eyebrows and small uppercase labels on light surfaces.
	 * Gold #C79A3B measures 2.32:1 on cream and fails WCAG AA, so the
	 * darker gold-text is used instead. This is deliberately a
	 * separate token: if the brand decision changes, change it here
	 * once rather than hunting through components.
	 *   - var(--ts-gold-text)  bronze, passes at 5.05:1  [current]
	 *   - var(--ts-navy)       navy, passes at 15.75:1
	 *   - var(--ts-gold)       original gold, FAILS AA
	 * -------------------------------------------------------------- */
	--ts-label:       var(--ts-gold-text);

	/* --- Type ----------------------------------------------------- */
	--ts-font-serif:  'Merriweather', Georgia, serif;
	--ts-font-sans:   'Source Sans 3', system-ui, -apple-system, sans-serif;
	--ts-font-greek:  'Noto Serif', 'Gentium Plus', Georgia, serif;
	--ts-font-mono:   ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

	--ts-size-body:   clamp(17px, 1.02rem + .15vw, 18.5px);
	--ts-size-h1:     clamp(38px, 5vw, 60px);
	--ts-size-h2:     clamp(26px, 2.6vw, 34px);
	--ts-size-h3:     clamp(21px, 1.8vw, 25px);
	--ts-size-h4:     19px;
	--ts-size-h5:     17px;
	--ts-size-meta:   13.5px;
	--ts-size-label:  12px;

	--ts-lh-body:     1.7;
	--ts-lh-head:     1.25;

	/* --- Layout --------------------------------------------------- */
	--ts-width-wide:    1240px;
	--ts-width-reading: 860px;
	--ts-gutter:        clamp(16px, 4vw, 32px);

	/* --- Space ---------------------------------------------------- */
	--s1: 4px;
	--s2: 8px;
	--s3: 14px;
	--s4: 22px;
	--s5: 34px;
	--s6: 56px;
	--s7: 90px;

	/* --- Shape ---------------------------------------------------- */
	--ts-radius:      2px;
	--ts-radius-pill: 999px;
}