:root {
  /* === BACKGROUNDS === */
  --bg-dark: #060c1a;
  /* deep navy – page background */
  --bg-darker: #030712;
  /* near-black – footer, sidebar */
  --bg-card: #0c1530;
  /* dark blue – cards */
  --bg-card-hover: #111e42;
  /* card hover state */
  --bg-nav: rgba(6, 12, 26, 0.95);
  /* navbar glassmorphism */

  /* === ACCENT / PRIMARY === */
  --primary: #2563eb;
  /* electric blue – buttons, links */
  --primary-hover: #1d4ed8;
  --primary-glow: rgba(37, 99, 235, 0.35);

  /* === TEXT === */
  --text-main: #e8eaf6;
  --text-muted: #6b7fa3;
  --text-mono: #7bcfff;
  /* monospace subtitles – light cyber-blue */

  /* === BORDERS === */
  --border: rgba(255, 255, 255, 0.07);
  --border-blue: rgba(37, 99, 235, 0.3);

  /* === FONTS === */
  --font-heading: 'Barlow Condensed', sans-serif;
  /* bold all-caps headings */
  --font-body: 'Inter', sans-serif;
  --font-mono: 'Roboto Mono', monospace;

  /* === RADIUS === */
  --r-card: 7px;
  --r-btn: 7px;
}