/* ============================================================
   Design tokens — Taylor Dee Hawkins
   Light-dominant editorial system.
   Palette is LOCKED: do not modify values, rename, or add brand colours.
   (Proposal-stage file. On approval this merges into the site's
   existing custom-property layer in styles.css.)
   ============================================================ */

:root {
  /* ---- Brand palette — do not modify ---- */
  --future-teal: #00877D;  /* primary accent: links, buttons, highlights, motif strokes */
  --deep-navy:   #0B233C;  /* primary ink: headings/strong text, dark sections, footer */
  --pure-white:  #FFFFFF;  /* ground: negative space */
  --teal-deep:   #006B63;  /* button hover / pressed */
  --teal-glow:   #5BD0C4;  /* accent on dark grounds, motif glow */
  --mist:        #F4F8F8;  /* alternate section tint, card grounds */
  --ink-soft:    #32475D;  /* body copy on light grounds */
  --ink-faint:   #5E7287;  /* captions, meta, labels */
  --line:        #DBE0E6;  /* borders, dividers, rules */

  /* ---- Semantic mapping ---- */
  --bg:           var(--pure-white);
  --bg-alt:       var(--mist);      /* alternate sections & card grounds */
  --text-strong:  var(--deep-navy);
  --text-body:    var(--ink-soft);
  --text-muted:   var(--ink-faint);
  --accent:       var(--future-teal);
  --accent-hover: var(--teal-deep);
  --border:       var(--line);

  /* ---- Accent sections — punctuate a light-dominant page ---- */
  --section-dark-bg:   var(--deep-navy);    /* dark accent ground */
  --section-medium-bg: var(--future-teal);  /* medium accent ground (or --ink-soft) */
  --on-accent-text:    var(--pure-white);   /* text on dark/medium grounds */
  --on-accent-glow:    var(--teal-glow);    /* highlight on dark/medium grounds */

  /* ---- Typography ---- */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-sans:    "Hanken Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono:    "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* fluid type scale */
  --fs-display: clamp(2.9rem, 1.8rem + 5.2vw, 6rem);
  --fs-h1:      clamp(2.2rem, 1.6rem + 3vw, 3.9rem);
  --fs-h2:      clamp(1.8rem, 1.4rem + 2vw, 2.9rem);
  --fs-h3:      clamp(1.3rem, 1.1rem + 1vw, 1.75rem);
  --fs-body:    clamp(1rem, 0.97rem + 0.2vw, 1.125rem);
  --fs-small:   0.9rem;
  --fs-label:   0.72rem;     /* mono index labels (uppercase, tracked) */

  --lh-display: 1.0;
  --lh-head:    1.08;
  --lh-body:    1.65;
  --track-label: 0.16em;
  --track-tight: -0.015em;

  /* ---- Spacing (4px base) ---- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px;
  --section-y: clamp(1.85rem, 1.4rem + 1.7vw, 3.3rem);   /* vertical section rhythm (tightened) */

  /* ---- Layout ---- */
  --maxw:    1280px;
  --measure: 66ch;
  --gutter:  clamp(1.25rem, 4vw, 4rem);

  /* ---- Radii (editorial = restrained) ---- */
  --radius-sm:   4px;
  --radius-md:   10px;
  --radius-pill: 999px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(.2,.7,.2,1);
  --dur-1: 200ms; --dur-2: 400ms; --dur-3: 900ms;
}