/* Brand tokens, draft 2026-11-02. Single source for the brand book and mockup D.
   Not yet linked from the real site (index.html stays unstyled until a direction is chosen).
   Contrast ratios are in brand/brand-book.md. */

:root {
  /* dark surfaces */
  --obsidian: #0b0a09;
  --graphite: #151311;
  --line-dark: #2a2622;
  --bone: #ece7db;        /* text on dark: 16.0:1 on obsidian */
  --ash: #9a9285;         /* secondary text on dark: 6.4:1 */

  /* light surfaces */
  --paper: #f5f2ea;
  --paper-2: #ebe6d9;
  --line-light: #dcd6c8;
  --ink: #14110e;         /* text on paper: 16.8:1 */
  --stone: #5f584e;       /* secondary text on paper: 6.3:1 */

  /* accent */
  --copper: #c8873a;      /* on dark: 6.6:1. On paper only 2.7:1, so never for text or key graphics there */
  --copper-deep: #8f5a1c; /* on paper: 5.2:1, use for text and graphics on light */
  --ember: #e5532d;       /* data heat only (fields, readouts), not for UI chrome */

  /* type: two families only */
  --serif: "Newsreader", Georgia, "Times New Roman", serif;
  --mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* type scale (fluid) */
  --fs-hero: clamp(2.8rem, 7vw, 6rem);
  --fs-h2: clamp(2rem, 4.2vw, 3.4rem);
  --fs-h3: 1.4rem;
  --fs-body: 1.125rem;
  --fs-small: .95rem;
  --fs-label: .74rem;

  /* spacing (8 px base) */
  --s1: .5rem; --s2: 1rem; --s3: 1.5rem; --s4: 2rem; --s6: 3rem; --s8: 4rem; --s12: 6rem; --s16: 8rem;

  /* shape and motion */
  --radius: 2px;          /* near-square corners: simple, architectural */
  --radius-pill: 999px;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --t-fast: 200ms;
  --t-med: 450ms;
  --t-slow: 900ms;
  --max: 1180px;
}