:root {
  /* surfaces */
  --page-bg:       #0a0a0e;
  --card-bg:       #131926;
  --card-bg-hover: #18203a;
  --surface-3:     #1e2848;
  --surface-4:     #243056;

  /* borders */
  --border-soft:   rgba(120,160,235,0.06);
  --border:        rgba(120,160,235,0.12);
  --border-bright: rgba(120,160,235,0.18);

  /* brand blue */
  --blue:            #5b8cf7;
  --blue-dim:         #3d6ee0;
  --blue-bright:      #88b0ff;
  --blue-glow:        rgba(91,140,247,0.22);
  --blue-border:      rgba(91,140,247,0.28);
  --blue-border-dim:  rgba(91,140,247,0.13);
  --blue-fill:        rgba(91,140,247,0.10);

  /* text */
  --text:     #edf2ff;
  --text-mid: #8da6c8;
  --text-dim: #4a6080;

  /* status */
  --green:  #22c55e;
  --gold:   #f59e0b;
  --red:    #ef4444;
  --purple: #7c3aed;
  --orange: #f97316;

  /* type */
  --font:         'Sora', sans-serif;
  --font-display: 'Sora', sans-serif;
  --mono:         'JetBrains Mono', monospace;

  /* layout */
  --radius-card: 14px;
  --radius-pill: 100px;
}