/* Modern Health, Everlab direction: design tokens.
   Brand book v1.0 landed 2026-08-24: sage is THE accent, the old brass A/B
   is history. This file is the single flip point, every colour change
   happens HERE, no literals elsewhere.
   Palette warmed 2026-09-16 on the founders' 8 Sept feedback (cream and
   office tones, more contrast). */

:root {
  /* Surfaces */
  --bg: #F3EDE2;
  --bg-cream: #E4D8C6;
  --bg-card: #FBF7EF;            /* ivory lifted, card must sit above --bg */
  --bg-black: #1C1918;
  --bg-black-glow: #2B2724;      /* charcoal warmed for the dark hero radial */

  /* Ink */
  --ink: #1C1918;
  --ink-soft: #4B463F;
  --ink-faint: #857D70;          /* weathered stone; decorative/faint labels only */
  --line: rgba(28, 25, 24, 0.14);

  /* Paper (text on dark surfaces) */
  --paper: #F7F1E6;
  --paper-soft: rgba(247, 241, 230, 0.62);
  --paper-faint: rgba(247, 241, 230, 0.4);
  --paper-line: rgba(247, 241, 230, 0.14);

  /* Accent: sage is the brand-book accent. The blue A/B override below is
     kept inert (harmless) but is no longer a live choice. */
  --accent-sage: #667668;
  --accent-blue: #2261BB;
  --accent: var(--accent-sage);

  /* Accent-derived companions. Every accent-coupled colour lives here so
     this file stays the single flip point for the brand-book swap; if the
     accent changes, change these with it. */
  --accent-tint: #DCE3D9;
  --accent-tint-deep: #C3CCBF;
  --accent-tint-soft: #E8EDE5;
  --accent-ink: #161A15;         /* text and icon strokes on accent surfaces */
  --accent-ink-soft: rgba(22, 26, 21, 0.7);
  --accent-ink-line: rgba(22, 26, 21, 0.25);

  /* Olive: quiet secondary detail accent (brief: "Sage/olive accents").
     Unified with the brand accent now that sage IS the brand accent.
     Olive is reserved for small secondary details only: a completed-state
     checkmark, one hairline divider, a nested eyebrow dot, a hover
     underline on quiet links. Never used to tint a background. */
  --olive: #667668;

  /* System */
  --system-red: #D04926;

  /* Reserved selective accent, brand book Mist Blue; use sparingly, never
     as a field behind body text. */
  --mist: #D6E5EE;

  /* Location map linework: quiet ink-alpha tones for the placeholder V&A
     Waterfront map SVG on the home page (water fill, quay/street strokes,
     building blocks). Kept as their own tokens, not inline rgba, so a
     brand-book swap only ever touches this file. The pin itself uses
     --accent directly, no separate token needed. */
  --map-water: rgba(28, 25, 24, 0.05);
  --map-line: rgba(28, 25, 24, 0.14);
  --map-block: rgba(28, 25, 24, 0.08);

  /* Type families. Brand book type = Loew Variable (Adobe Fonts). Swap
     blocked on Typekit web project ID; Instrument stays interim. When the
     kit ID lands, swap here only. */
  --display: 'Instrument Serif', Georgia, serif;
  --sans: 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* Type scale */
  --size-h1: clamp(2.75rem, 6vw, 4.5rem);
  --size-h2: clamp(2.25rem, 4.5vw, 3.25rem);
  --size-h3: clamp(1.5rem, 2.5vw, 2rem);
  --size-body-lg: 1.25rem;
  --size-body: 1.0625rem;
  --size-small: 0.875rem;
  --size-stat: clamp(3.5rem, 7vw, 5.5rem);

  /* Layout */
  --container: 75rem;
  --container-narrow: 48rem;
  --pad-x: 5vw;

  /* Rhythm */
  --section-pad: 7rem;
  --section-pad-mobile: 4rem;

  /* Radius */
  --radius-lg: 24px;
  --radius-md: 16px;
  --radius-pill: 999px;

  /* Motion */
  --ease-reveal: cubic-bezier(0.22, 1, 0.36, 1);
}

html[data-accent="blue"] {
  --accent: var(--accent-blue);
  --accent-tint: #DCE6F4;
  --accent-tint-deep: #C2D3EC;
  --accent-tint-soft: #E4ECF7;
  --accent-ink: #0C1C33;
  --accent-ink-soft: rgba(12, 28, 51, 0.7);
  --accent-ink-line: rgba(12, 28, 51, 0.25);
}