/* ============================================================
   Design tokens — the single source of truth for visual style.
   Change a value here to reskin the whole site.
   ============================================================ */
:root {
  /* Surfaces */
  --bg:          #0B1220;
  --bg-2:        #0E1626;
  --surface:     #121C2E;
  --surface-2:   #16213544;
  --raised:      #1A2740;

  /* Borders */
  --border:        rgba(255, 255, 255, .09);
  --border-strong: rgba(255, 255, 255, .16);

  /* Text */
  --text:  #F4F6FB;
  --muted: #9AA6BD;
  --faint: #6B7690;

  /* Brand accents */
  --accent:   #5E9FE8;  /* primary blue */
  --accent-2: #7CC7C0;  /* teal */
  --accent-3: #B49CE6;  /* violet */

  /* Radii */
  --radius:    16px;
  --radius-sm: 12px;

  /* Layout */
  --maxw: 1080px;

  /* Elevation */
  --shadow: 0 1px 2px rgba(0, 0, 0, .4),
            0 12px 40px rgba(0, 0, 0, .35);

  /* Type stacks */
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Space Grotesk', 'Inter', sans-serif;
}