/* Instrument-panel glass on deep ink. Mono for numbers; the display face only for brand and hero. */
:root {
  --bg: #05090F;
  --panel: rgba(15, 23, 36, .72);
  --panel-2: rgba(20, 30, 46, .78);
  --raise: #121B29;
  --field: #0B1320;
  --well: rgba(5, 10, 16, .5);
  --line: rgba(142, 172, 214, .11);
  --line-2: rgba(142, 172, 214, .2);
  --hi: rgba(255, 255, 255, .05);

  --fg: #E7EEF8;
  --muted: #8C99AD;
  --dim: #5D697C;

  --mint: #38EBB4;
  --mint-2: #1FC995;
  --mint-ink: #02150F;
  --mint-soft: rgba(56, 235, 180, .11);
  --mint-glow: rgba(56, 235, 180, .35);
  --ice: #7CC8FF;
  --ice-soft: rgba(124, 200, 255, .12);
  --amber: #FFBA52;
  --amber-soft: rgba(255, 186, 82, .12);
  --amber-text: #FFD596;
  --red: #FF5E7B;
  --red-soft: rgba(255, 94, 123, .12);
  --red-text: #FFB3C1;

  --font-display: 'Unbounded', 'Geist', system-ui, sans-serif;
  --font-ui: 'Geist', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;

  --r-lg: 20px;
  --r-md: 14px;
  --r-sm: 10px;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --gutter: clamp(16px, 3vw, 36px);

  color-scheme: dark;
}