/* Hallmark · redesign: full · scope: app · brand: CONE RED (spec 2026-10-27) · surface: absolute */
/* critique: the panel wore a navy-and-orange system nobody chose; the brand is black and one red, read from cone.red, so the shelf is black and the single saturated value is theirs */

:root {
  /* type: the face declared on cone.red, self-hosted in fonts.css */
  --font-body: "Golos Text", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-num: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* ink, all measured against the surface below */
  --ink: #151515;          /* their heading ink, 15.9:1 */
  --ink-2: #4e514e;        /* their body ink, 8.1:1   */
  --ink-3: #6a6d6a;        /* 4.5:1 on every surface step, disabled ink included */

  /* surfaces: their light section, stepped */
  --surface: #fdfcfc;      /* tinted toward the red anchor, never pure white */
  --surface-2: #f6f7f8;    /* their light plane */
  --surface-3: #eceef0;
  --page: #f1f3f4;
  --line: #e2e5e7;
  --line-2: #d2d6d9;

  /* the brand red. #fe1917 as published carries black, not white, so the fill
     steps down and the mark keeps the published value */
  --accent: #d4100e;       /* fill, white label at 5.4:1 */
  --accent-hover: #bb0d0b;
  --accent-ink: #c60e0c;   /* red as text on light, 5.6:1 */
  --accent-wash: #fdeceb;
  --accent-edge: #f6cfcd;
  --accent-mark: #fe1917;  /* the published brand red: marks and the dark plane */
  --on-accent: #fffafa;

  /* the dark plane, theirs */
  --nav: #000000;
  --nav-2: #151515;
  --nav-3: #1f1f1f;
  --nav-line: #262626;
  --nav-ink: #ebe9e9;      /* 17.4:1 */
  --nav-ink-2: #9ca3af;    /* their muted grey, 7.4:1 */
  --nav-accent: #fe1917;   /* 5.4:1 on black */

  /* data marks */
  --cited: #17694a;        /* 6.0:1 */
  --shortlist: #2a5fd0;    /* 5.2:1 */
  --absent: #6a6d6a;       /* 5.2:1 */
  --track: #e6e8ea;
  --range: #c9d3e9;
  --cited-wash: #e7f3ed;
  --shortlist-wash: #e9effb;
  --absent-wash: #eef0f0;

  /* state */
  --warn-ink: #855700;
  --warn-wash: #fbf3e2;
  --bad-ink: #a3271f;
  --bad-wash: #fbedec;
  --bad-edge: #f0cfcc;

  /* the 4px spacing scale */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px; --s5: 20px;
  --s6: 24px; --s7: 32px; --s8: 40px; --s9: 48px; --s10: 64px;

  --r1: 6px; --r2: 10px; --r3: 14px;
  --rail: 248px;
  --scrim: rgba(0, 0, 0, .55);
  --lift: 0 1px 2px rgba(21, 21, 21, .06);
  --lift-2: 0 4px 16px rgba(21, 21, 21, .12), 0 1px 3px rgba(21, 21, 21, .08);
}