/*
   RIVA — brand tokens & marks
   Source of truth: riva-brand-board.html (Brand board v2, final direction, Aug 7 2026)
   Wordmark: Space Grotesk Bold + the signal I (Signal Blue → Current Teal → Consistency Green,
   bottom → top — never reversed, never horizontal).
   Load this file before any page stylesheet; page tokens reference these.
*/
:root {
  /* Core palette (board) */
  --riva-signal-blue:        #2E5CFF;  /* primary / interactive */
  --riva-current-teal:       #00C4B3;  /* gradient mid */
  --riva-consistency-green:  #35E28B;  /* healthy / honored / live */
  --riva-ledger-navy:        #0A1628;  /* dark surfaces */
  --riva-ink:                #0B1526;  /* text on light */
  --riva-paper:              #F5F7FA;  /* light surfaces */

  /* Neutrals used on the board */
  --riva-mist:   #E2E8F0;  /* primary text on navy */
  --riva-steel:  #8CA3BD;  /* secondary text on navy */
  --riva-slate:  #6B7D93;  /* dim text on navy (board #5B6B7F lifted to pass AA) */
  --riva-rule:   #1C2F4D;  /* hairlines on navy */

  /* Derived — Signal Blue tint for link/label text on navy (#2E5CFF is 3.5:1 there) */
  --riva-signal-blue-text:   #7C9BFF;

  /* The signal: only ever vertical, blue at the bottom */
  --riva-signal: linear-gradient(to top, #2E5CFF 0%, #00C4B3 55%, #35E28B 100%);

  --riva-font-brand: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --riva-font-ui:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --riva-font-mono:  'JetBrains Mono', 'SF Mono', ui-monospace, monospace;
}

/* Wordmark — keep ≥ 80px wide; below that use the i-mark. Clearspace = width of the I. */
.riva-wordmark {
  display: block;
  height: 28px;           /* ≈ 82px wide */
  width: auto;
  flex-shrink: 0;
}
.riva-wordmark--lg { height: clamp(64px, 11vw, 112px); margin: 0 auto; }

/* Theme-aware pairs: dark-surface mark by default, ink mark under [data-theme="light"] */
.riva-wordmark--on-light { display: none; }
[data-theme="light"] .riva-wordmark--on-dark { display: none; }
[data-theme="light"] .riva-wordmark--on-light { display: block; }

/* i-mark — favicon / avatar / compact spots */
.riva-imark { display: block; width: 32px; height: 32px; flex-shrink: 0; }
.riva-imark--lg { width: 72px; height: 72px; margin: 0 auto; }

/* A vertical signal bar, for section accents */
.riva-signal-bar {
  display: inline-block;
  width: 3px;
  border-radius: 2px;
  background: var(--riva-signal);
}