/**
 * Volt Cartel Core token layer — CANONICAL design-token authority.
 * volt-cartel-core is the single :root owner of design tokens. Brand values
 * reflect the ratified spec (action/brand red #d81620, hover #ad0c13, ink
 * #171313). Component-local token forks (--vcf-* on treatment/concern families,
 * --sf-* in the footer) and hard-coded literals are being consolidated to
 * reference these tokens, so a change here propagates everywhere.
 * Blue focus (#005fcc), success/error and the status-* palette are deliberate
 * SEMANTIC exceptions, not brand colours — do not fold them into the red.
 * (History: began 2026-07-23 as a parity shadow of live computed values, then
 * corrected to brand spec. Original-shadow rollback:
 * wp-content/uploads/vc-gate3-rollback-2026-07-23/tokens.css.pre-gate3-slice1)
 */
:root {
  --vc-colour-accent-clinical: #d81620;
  --vc-colour-accent-soft: #e1a7a5;
  --vc-colour-action: #d81620;
  --vc-colour-action-accessible: #d81620;
  --vc-colour-action-accessible-background: #d81620;
  --vc-colour-action-hover: #ad0c13;
  --vc-colour-action-primary: #d81620;
  --vc-colour-action-primary-hover: #ad0c13;
  --vc-colour-border: rgba(23, 19, 19, .14);
  --vc-colour-border-card: rgba(0,0,0,.10);
  --vc-colour-border-inverse: rgba(255,255,255,.28);
  --vc-colour-border-subtle: rgba(23, 19, 19, .10);
  --vc-colour-border-tag: #d0c8b8;
  --vc-colour-border-warm: #e0d8cc;
  --vc-colour-brand-dark: #171313;
  --vc-colour-brand-logo: #d81620;
  --vc-colour-brand-primary: #d81620;
  --vc-colour-brand-primary-hover: #ad0c13;
  --vc-colour-clinical: #faf7f4;
  --vc-colour-error: #a50014;
  --vc-colour-focus: #005fcc;
  --vc-colour-ink: #171313;
  --vc-colour-muted: #6f665c;
  --vc-colour-paper: #fff;
  --vc-colour-status-adult: #2980b9;
  --vc-colour-status-congested: #16a085;
  --vc-colour-status-mild: #27ae60;
  --vc-colour-status-moderate: #e67e22;
  --vc-colour-status-photoaged: #d35400;
  --vc-colour-status-post: #8e44ad;
  --vc-colour-status-severe: #c0392b;
  --vc-colour-status-static: #7f8c8d;
  --vc-colour-success: #176b3a;
  --vc-colour-surface-clinical: #faf7f4;
  --vc-colour-surface-inverse: #171313;
  --vc-colour-surface-muted: #f5f0e8;
  --vc-colour-surface-related: #f4efe9;
  --vc-colour-surface-tag: #f0ebe0;
  --vc-colour-surface-warm: #f4efe9;
  --vc-colour-surface-white: #fff;
  --vc-colour-text: #5c554f;
  --vc-colour-text-body: #5c554f;
  --vc-colour-text-card: #5c554f;
  --vc-colour-text-heading: #171313;
  --vc-colour-text-inverse: #fff;
  --vc-colour-text-muted: #6f665c;
  --vc-colour-text-secondary: #5c554f;
  --vc-colour-text-soft: #5c554f;
  --vc-colour-text-strong: #171313;
  --vc-colour-text-subtle: #837868;
  --vc-colour-warm: #f4efe9;
  --vc-container-content: 1180px;
  --vc-container-reading: 760px;
  --vc-container-wide: 1280px;
  --vc-header-reserved-height: 132px;
  --vc-content-width: 1180px;
  --vc-control-height: 48px;
  --vc-font-body: "Area Variable", Arial, sans-serif;
  --vc-font-display: "Druk Text Wide", "Druk", sans-serif;
  --vc-font-label: "Space Grotesk", Arial, sans-serif;
  --vc-font-mono: "Space Mono", monospace;
  --vc-grid-gap: clamp(.875rem,1.5vw,1.5rem);
  --vc-gutter: clamp(1.125rem,4vw,4.875rem);
  /* B2 CARD-DISCIPLINE STANDARD — three corner radii + the pill, two elevation levels.
     New/edited components MUST use these tokens, not ad-hoc px values.
       radius:  --vc-radius-sm 8 (small controls/tags) · --vc-radius-card 14 (default cards)
                · --vc-radius-lg 18 (media/large panels) · --vc-radius-pill 999 (pills/CTAs)
       elevate: --vc-shadow-card (resting) · --vc-shadow-card-hover (lifted)
     Cards are SOFTLY RAISED (soft shadow), NOT bordered — this matches the approved
     mockups; borders are not the default. Reserve elevation for genuinely raised surfaces.
     (--vc-radius-md is a legacy alias of --vc-radius-card; --vc-radius-panel=20 is for the
     occasional oversized media panel only. Existing 14/16px literals differ sub-perceptually;
     they are being converted to tokens opportunistically as components are touched, not in a
     blanket sweep — see task B2b.) */
  --vc-radius-card: 14px;
  --vc-radius-control: 999px;
  --vc-radius-lg: 18px;
  --vc-radius-md: 14px;
  --vc-radius-panel: 20px;
  --vc-radius-pill: 999px;
  --vc-radius-sm: 8px;
  --vc-section-space: clamp(56px, 7vw, 96px);
  --vc-shadow-card: 0 20px 50px rgba(37, 18, 16, .10);
  --vc-shadow-card-hover: 0 18px 48px rgba(28,17,14,.16);
  --vc-space-1: .25rem;
  --vc-space-2: .5rem;
  --vc-space-3: .75rem;
  --vc-space-4: 1rem;
  --vc-space-5: 1.5rem;
  --vc-space-6: 2rem;
  --vc-space-7: 3rem;
  --vc-space-8: 4rem;
  --vc-target-size: 44px;
  --vc-transition-fast: 160ms ease;
  --vc-type-body: clamp(1rem,.96rem + .18vw,1.125rem);
  --vc-type-display-xl: clamp(3rem,1.2rem + 7vw,8rem);
  --vc-type-h1: clamp(2.5rem,1.75rem + 3.2vw,5.75rem);
  --vc-type-h1-article: clamp(2.125rem,1.66rem + 1.9vw,3.25rem);
  --vc-type-h1-concern: clamp(2.125rem,1.42rem + 2.7vw,3.625rem);
  --vc-type-h1-home: clamp(1.875rem,1rem + 3.59vw,3.3rem);
  --vc-type-h1-treatment: clamp(2.125rem,1.66rem + 1.9vw,3.25rem);
  --vc-type-h2: clamp(2rem,1.55rem + 2vw,4rem);
  --vc-type-h3: clamp(1.5rem,1.25rem + 1.1vw,2.5rem);
  --vc-type-label: clamp(.6875rem,.66rem + .08vw,.75rem);
  --vc-type-lead: clamp(1.25rem,1.05rem + .85vw,2.25rem);
  --vc-type-ui: clamp(.875rem,.84rem + .1vw,.95rem);
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within { scroll-behavior: auto; }
}