/* ============================================================================
   HealOneSelf — DESIGN TOKENS (Block 1, Build List 3 August 2026)
   ----------------------------------------------------------------------------
   THE single source of truth for colour, type, rhythm and elevation.

   The values live in the theme's theme.json (themes/healoneself/theme.json),
   which WordPress compiles into --wp--preset--* variables. This file only
   re-exports them under short --hos-* names so the plugin stylesheets can use
   them, with the literal hex as a fallback so nothing goes colourless if the
   preset layer is ever unavailable (block editor iframes, cached pages, a
   theme switch mid-deploy).

   To change a colour sitewide: edit theme.json — NOT this file, NOT a page
   stylesheet. If a page needs a colour that is not below, it is out of system;
   raise it before adding one.

   Loaded globally and first — see hos_enqueue_assets() in the plugin root file.
   ========================================================================== */

:root {

  /* ── The nine colours ──────────────────────────────────────────────────── */
  --hos-page:        var(--wp--preset--color--hos-page,        #FAF6F2); /* default page background   */
  --hos-alt:         var(--wp--preset--color--hos-alt,         #F5EDE4); /* alternating section       */
  --hos-oat:         var(--wp--preset--color--hos-oat,         #E8D5C0); /* accent bands, testimonial */
  --hos-white:       var(--wp--preset--color--hos-white,       #FFFFFF); /* cards where needed        */
  --hos-terra:       var(--wp--preset--color--hos-terra,       #C4825A); /* gems, hairlines, italics  */
  --hos-gold:        var(--wp--preset--color--hos-gold,        #C9956A); /* secondary accent          */
  --hos-cta:         var(--wp--preset--color--hos-cta,         #A6826E); /* buttons only — mushroom   */
  --hos-ink:         var(--wp--preset--color--hos-ink,         #2C1A0E); /* primary text              */
  --hos-ink-2:       var(--wp--preset--color--hos-ink-2,       #6B4C35); /* secondary text            */
  --hos-ink-3:       var(--wp--preset--color--hos-ink-3,       #9B7355); /* muted text, eyebrows      */

  /* Supporting values named in the build list */
  --hos-terra-hover: var(--wp--preset--color--hos-terra-hover, #D4966E);
  --hos-blush-2:     var(--wp--preset--color--hos-blush-2,     #EFE3D8);
  --hos-hairline:    rgba(196, 130, 90, 0.15);
  --hos-soft-fill:   rgba(196, 130, 90, 0.06);

  /* ── Elevation — two values, replacing the fourteen that were in use ───── */
  --hos-shadow-card: 0 2px 12px rgba(44, 26, 14, 0.07);
  --hos-shadow-lift: 0 4px 20px rgba(44, 26, 14, 0.10);

  /* ── Type ─────────────────────────────────────────────────────────────── */
  --hos-serif: 'Cormorant Garamond', Garamond, 'Times New Roman', Times, serif;
  --hos-sans:  'Jost', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  /* ── Rhythm (Block 3) ─────────────────────────────────────────────────── */
  --hos-section:  clamp(64px, 6vw, 96px);   /* body sections    96 desktop / 64 mobile  */
  --hos-cta-band: clamp(80px, 8vw, 120px);  /* closing CTA     120 desktop / 80 mobile  */
  --hos-block:    clamp(32px, 3vw, 48px);
  --hos-tight:    24px;

  /* ── Layout ───────────────────────────────────────────────────────────── */
  --hos-max: 1160px;
  --hos-px:  24px;

  /* ── Motion ───────────────────────────────────────────────────────────── */
  --hos-ease: cubic-bezier(.2, .7, .2, 1);
  --hos-drift-opacity: 0.15;
}