/* Bloodhail design tokens: the one place for colour, severity, type and spacing.
   Every other stylesheet reads these names; a theme may change the photo and the panels,
   never what a colour means. See docs/brand.md. */
:root {
  /* palette */
  --night:     #080b0f;   /* the page */
  --slate:     #0f141a;   /* surfaces: cards, panels, menus */
  --line:      #1e2833;   /* rules and borders on a surface */
  --frost:     #e6edf2;   /* text */
  --mist:      #93a7b6;   /* secondary text */
  --hail:      #8fcbe6;   /* the accent: focus, links, the selected thing */
  --threat:    #e0605a;   /* hostile or destructive only */
  --spectral:  #b9a7f2;   /* the third identity colour (profile icons) */

  /* severity: the same five steps everywhere (verdicts, tags, graph nodes, tables);
     each is at least 4.5:1 on Night and is always shown with its word, never colour alone */
  --sev-critical: #ff5a52;
  --sev-high:     #f0883e;
  --sev-medium:   #e2b84d;
  --sev-low:      #5cc2ae;
  --sev-info:     #8fb4c9;

  /* type */
  --display: 'Oxanium', 'Arial Narrow', sans-serif;
  --sans:    'IBM Plex Sans', sans-serif;
  --mono:    'JetBrains Mono', monospace;
  --fs-min:  12px;        /* nothing smaller than this is read */
  --fs-sm:   13px;
  --fs-body: 15px;
  --fs-h:    18px;

  /* touch and focus */
  --hit:     36px;        /* smallest target on a pointer; 44px on touch */
  --focus:   0 0 0 2px var(--night), 0 0 0 4px var(--hail);
}
@media (pointer: coarse) { :root { --hit: 44px; } }