/**
 * Healing Paths design tokens — ADR 0014 §6, structure-pass deliverable 2026-08-21.
 * 2026 digital system. One source of truth for the pillar/practice templates and
 * header v2. Names mirror the designer's token sheet — keep them named, never
 * hard-code a hex in module CSS.
 */
:root {
    /* Brand */
    --gg-berry: #6C1D45;            /* primary authority: H1, CTAs, links, roundels, dark band */
    --gg-mulberry: #8A3F63;         /* hover / depth accent */
    --gg-title-secondary: #8A5A74;  /* MAUVE. OFFICIAL (≈ Pantone 7646 U, round 2 §3) — H2/H3 secondary titles, the
                                       hover/active surface of the path cards (round 8) and the practice-icon disc. Text on
                                       it is WHITE (5.5:1; Berry is 2.0:1). H1, the main CTAs (.hp-btn, the header trial
                                       button) and every pillar-icon disc are Berry: round 8 made .hp-btn Mauve, Adiba
                                       reverted it on 5 Oct (round 9), and --gg-mauve-deep (its hover) went with it. */
    --gg-accent-tertiary: #9C4677;  /* ≈ Pantone 7648 U (round 2 §3) — RESERVED, use nowhere by default; near-collides with Mulberry #8A3F63, any use must be design-approved */
    --gg-femme-rose: #D9A3B5;       /* accent surfaces only (M1 band); never body text */
    --gg-rose-clay: #B76E7E;        /* decorative only */
    /* RETIRED AS A SURFACE, 2026-09-17 — Diego: "Loose the Cream background color. We no
       longer use it for section nor CTA background." Kept only for the kicker/eyebrow TEXT
       lines on berry that still read it. Never a background, border fill or button fill:
       scripts/hp/retired-colour-check.py fails the build on one. The primary button on a
       berry band is white with berry text now. */
    --gg-cream: #F1F0D8;

    /* Text */
    --gg-text: #2A2A2A;             /* Soft Black */
    --gg-text-muted: #6b5a63;       /* captions and disclaimers ONLY (5.9:1 on white,
                                       5.5:1 on Tint B). Never a body-copy colour. */
    --gg-text-on-dark: #FFFFFF;     /* on Berry/Mulberry only */
    /* Berry-black scrim base. SPACE-SEPARATED, and consumed as
       `rgb(var(--gg-scrim) / <alpha>)` — never `rgba(var(--gg-scrim), <alpha>)`.
       WP Rocket's used-CSS pass rewrites that comma form into
       `rgba(var(--gg-scrim),,.28)` (a doubled comma), which is invalid, so the
       browser drops the whole declaration. Measured on staging 2026-09-18: the
       hub hero's fade gradient computed to `none` for any visitor whose page had
       regenerated its used CSS, while the same rule was correct in the
       stylesheet. Guard: scripts/hp/rucss-safe-css-check.py. */
    --gg-scrim: 31 10 22;

    /* Light surfaces */
    --gg-white: #FFFFFF;
    --gg-petal-mist: #F8F2F4;
    --gg-rose-mist: #F7EDEE;
    --gg-dawn-pink: #F2EAEE;
    --gg-soft-cream: #F6F2E6;       /* RETIRED 2026-09-17 (same ruling as --gg-cream). No longer a
                                       page tint (GG_HP_TINTS); only the superseded header-v3 block
                                       still reads it. Do not use. */
    --gg-mulberry-haze: #E8D9E1;    /* reserved for P9 related paths */
    --gg-clay-veil: #ECDCDD;        /* T8 safety band */

    /* Type */
    --gg-font-heading: "Tenor Sans", "Times New Roman", serif;
    --gg-font-body: "General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --gg-eyebrow-size: 0.75rem;     /* 12px */
    --gg-eyebrow-tracking: 0.22em;
    --gg-body-size: 1rem;           /* 16px; 14.5px floor on small meta */
    --gg-line-height: 1.5;

    /* Layout */
    --gg-radius: 0;                 /* border-radius 0 throughout */
    --gg-max-width: 1200px;
    --gg-gutter: 20px;
    --gg-section-pad-phone: 48px;
    --gg-section-pad-desktop: 72px;

    /* Header */
    --gg-header-h-phone: 64px;
    --gg-header-h-desktop: 72px;
    --gg-header-h-compact: 56px;

    /* Practitioner avatar (P8 / T6) — designer ruling 2026-09-03 §B ("--avatar-size"):
     * 120px at EVERY breakpoint, round; stored 300² files are 2.5×, no new assets. */
    --gg-avatar-size: 120px;

    /* Icon roundels */
    --gg-roundel-hero-phone: 52px;
    --gg-roundel-hero-desktop: 64px;
    --gg-roundel-card: 44px;
    --gg-roundel-nav: 32px;
    --gg-roundel-marker: 36px;

    /* Interaction */
    --gg-tap-min: 44px;
    --gg-focus-ring: 2px solid var(--gg-mulberry);
}