/* ============================================================
   ToursZoom Design Tokens — canonical layer (tourszoom-design)
   Step 1 of the CSS migration (2026-07-02).

   THE single token source going forward. Values are the verbatim
   union of the Horizon kit (brand-kit-tokens.css, adopted 2026-06)
   plus new semantic/layout primitives. Zero visual change by
   design: every name shared with brand-kit-tokens.css or the child
   theme carries the identical current value. brand-kit-tokens.css
   is dequeued at migration step 3; this file then stands alone.

   RULES: no hex outside this file (emails exempt); coral #FF6B4A
   is accent-only (borders/icons/badges/kickers/large display) —
   text links and button fills use --tz-coral-text / --tz-coral-600.
   ============================================================ */

:root {
	/* ---- Brand core (Horizon, verbatim) ---- */
	--tz-navy:        #103d62;
	--tz-coral:       #FF6B4A;
	--tz-sky:         #5B8DEF;
	--tz-sand:        #F4EDE3;

	/* ---- Extended ramps (Horizon, verbatim) ---- */
	--tz-navy-700:    #164e7d;
	--tz-navy-300:    #8CA3C4;
	--tz-navy-deep:   #0d2840;  /* hub hero/CTA gradient stop (pre-merge taxonomy-hub.css value) */
	--tz-coral-600:   #E04F2D;  /* button-fill hover */
	--tz-coral-700:   #C2451E;  /* AA text coral on white (5.0:1) */
	--tz-coral-100:   #FFE5DD;
	--tz-sky-100:     #E5EEFD;
	--tz-sand-50:     #FAF6EE;

	/* ---- Neutrals (Horizon, verbatim) ---- */
	--tz-white:       #FFFFFF;
	--tz-cloud:       #F5F7FA;
	--tz-slate:       #374151;
	--tz-slate-500:   #6B7280;

	/* ---- Semantic status (Horizon, verbatim) ---- */
	--tz-success:     #2E7D52;
	--tz-warning:     #B45309;
	--tz-danger:      #C0392B;

	/* ---- Semantic aliases (new canonical names → existing values) ---- */
	--tz-coral-text:  var(--tz-coral-700);
	--tz-coral-hover: var(--tz-coral-600);
	--tz-ink:         var(--tz-slate);
	--tz-ink-soft:    var(--tz-slate-500);
	--tz-paper:       var(--tz-white);
	--tz-cream:       var(--tz-sand);      /* live value via brand-kit remap (parity, step 3); revisit sand-50 post-migration */
	--tz-hairline:    #E3E8F0;   /* Horizon border value */
	--tz-border:      var(--tz-hairline);  /* canonical since step 3 — was brand-kit-tokens #E3E8F0 at prio 999 */
	--tz-focus:       #1d4ed8;   /* focus ring — never coral (coral-on-coral fills) */

	/* ---- Typography ---- */
	--tz-font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif; /* Horizon verbatim */
	--tz-font-display: var(--tz-font-heading);
	--tz-font-body:    'Inter', Helvetica, Arial, sans-serif;                 /* Horizon verbatim */
	--tz-display-xl:   clamp(2rem, 4.5vw, 2.75rem);  /* H1 cap 44px, lh 1.15 */
	--tz-display:      clamp(1.5rem, 3vw, 2rem);     /* section H2 cap 32px, lh 1.2 */
	--tz-body:         1.1875rem;                    /* 19px article body, lh 1.75 */
	--tz-kicker:       0.6875rem;                    /* 11px uppercase, ls .12em */
	--tz-text-body:    17px;                         /* sitewide body (Horizon scale) */
	--tz-leading-body: 1.65;
	--tz-text-small:   14px;

	/* ---- Spacing (8-based) ---- */
	--tz-s1: 4px;  --tz-s2: 8px;  --tz-s3: 12px; --tz-s4: 16px;
	--tz-s5: 24px; --tz-s6: 32px; --tz-s7: 48px; --tz-s8: 72px;

	/* ---- Layout ---- */
	--tz-col:  740px;   /* article reading column */
	--tz-wrap: 1200px;  /* page container */
	--tz-max-width: var(--tz-wrap); /* legacy name — .tz-section__inner (static pages) */
	--tz-gap:  24px;    /* static-pages grid gap; magazine.css overrides to 56px on its surfaces */

	/* ---- Geometry + elevation (Horizon/theme verbatim — both say 10px) ---- */
	--tz-radius:      10px;
	--tz-radius-lg:   16px;
	--tz-radius-pill: 100px;
	--tz-shadow-card: 0 2px 8px rgba(16, 61, 98, 0.08);
}

/* Deliberately NOT defined here (existing conflicting owners; each
   converges at the step that intentionally restyles its consumers):
   --tz-blue / --tz-blue-dark / --tz-blue-light  (legacy names; remapped in base.css, retired step 9)
   --tz-font-title / --tz-text-h1..h4            (Customizer-era heading scale; superseded by base.css)
   --tz-cols / --tz-attr-cols                     (per-widget layout vars, owned by widget markup) */