/* daviddevault.com (interim static build from the approved lab). daviddevault.com design tokens ("Field Notebook", design_research_2026-09.md).
   Names are the future WordPress slugs: --wp-<slug> becomes palette/font slug <slug>
   (docs/protocols/html-first-design.md, stage 3). */

:root {
  /* colour: sampled from David's portrait (navy blazer #111323, shirt #C6D9FA,
     backdrop #8A99AD) so the photo and the page agree (animation gate 0.3).
     Deliberately NOT fullgtm.ai's electric blue #1547E8 on #FAFAF8.
                                             contrast on --wp-paper */
  --wp-paper:      #F4F2ED;  /* base, neutral-warm */
  --wp-paper-2:    #E7E8E6;  /* panels, bands */
  --wp-ink:        #141A2E;  /* navy ink: body text       15.4:1 */
  --wp-ink-2:      #4A5163;  /* secondary text             7.1:1 */
  --wp-accent:     #25406E;  /* blue ink: links, CTA       9.2:1 (paper on it 9.2:1) */
  --wp-accent-2:   #1A2F55;  /* hover                     11.9:1 */
  --wp-sky:        #C9D9EF;  /* shirt blue: fills only */
  --wp-slate:      #8A99AD;  /* portrait backdrop: decorative only */
  --wp-marker:     #F2D46B;  /* highlighter: fills only, never text */
  --wp-note:       #A2461F;  /* margin notes (rust)        5.5:1 */
  --wp-rule:       #CFCFCB;  /* hairlines */
  --wp-night:      #141A2E;  /* dark band */
  --wp-night-ink:  #E6EAF2;  /* text on night             14.3:1 */

  /* type */
  --wp-display: "Newsreader", "Iowan Old Style", Georgia, serif;
  --wp-body:    "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --wp-mono:    "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --wp-step--1: clamp(0.83rem, 0.8rem + 0.1vw, 0.9rem);
  --wp-step-0:  clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --wp-step-1:  clamp(1.2rem, 1.1rem + 0.45vw, 1.45rem);
  --wp-step-2:  clamp(1.5rem, 1.3rem + 0.9vw, 2.1rem);
  --wp-step-3:  clamp(2rem, 1.6rem + 1.9vw, 3.2rem);
  --wp-step-4:  clamp(2.6rem, 1.8rem + 3.6vw, 5.4rem);

  /* space */
  --wp-s1: 0.5rem;
  --wp-s2: 1rem;
  --wp-s3: 1.5rem;
  --wp-s4: 2.5rem;
  --wp-s5: 4rem;
  --wp-s6: clamp(4.5rem, 3rem + 6vw, 8.5rem);

  --wp-wide: 1240px;
  --wp-radius: 6px;
}