/* Varslo design tokens · v1 · see brand-book.html for usage rules */
:root {
  /* color — 90% void/paper, 9% grays, 1% signal. Signal is earned. */
  --varslo-void:     #0A0A0B;
  --varslo-paper:    #FAFAFA;
  --varslo-signal:   #34D399;  /* live, new, first — never decorative */
  --varslo-hairline: #1D1D20;
  --varslo-border:   #3F3F46;
  --varslo-dim:      #71717A;
  --varslo-muted:    #A1A1AA;
  --varslo-soft:     #D4D4D8;
  /* semantic — product state only, never marketing */
  --varslo-warn:     #FBBF24;
  --varslo-alarm:    #F87171;

  /* type — display never sets body; body never sets the logo */
  --varslo-font-display: 'Schibsted Grotesk', sans-serif;  /* 600–700, tracking -0.02em */
  --varslo-font-body:    'Geist', system-ui, sans-serif;   /* 400/500, 14–17px */
  --varslo-font-mono:    'Geist Mono', monospace;          /* any number that matters */

  --varslo-track-display: -0.02em;
  --varslo-radius: 10px;
}