/* Haron Dev v2 tokens. Six scroll-craft colour roles + two families. The engine is never edited; theme here. */
:root {
  --sc-canvas: #0e100b;        /* ground, tinted olive-black, never pure black */
  --sc-surface: #171a12;       /* case-file panels */
  --sc-ink: #f2eee3;           /* primary text, warm off-white */
  --sc-ink-soft: #a9ab9c;      /* secondary text, tinted not grey */
  --sc-accent: #e07a3a;        /* the one accent (Haron orange) */
  --sc-accent-ink: #14110b;    /* text on accent fills */

  /* status (data only, never decoration) */
  --live: #c9d67a;             /* HTTP < 400 */
  --down: #e5604a;

  --rule: rgba(242, 238, 227, 0.14);   /* hairlines */

  --sc-font-display: "Syne", system-ui, sans-serif;
  --sc-font-text: "Figtree", system-ui, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;   /* status labels only */
  --font-ar: "IBM Plex Sans Arabic", "Figtree", system-ui, sans-serif;

  /* 4px base spacing scale */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-6: 24px; --s-8: 32px; --s-12: 48px; --s-16: 64px;
  --section-pad: clamp(56px, 9vw, 128px);   /* fluid so phones do not inherit desktop air */
  --measure: 62ch;
}
/* Contrast to be measured on the composited page by scroll-craft shoot/verify; targets: body >= 4.5:1, large >= 3:1.
   Light-on-dark: add ~0.02em tracking to body and avoid weight < 400. */