:root {
  /* Colors — Deep Navy + Electric Violet palette */
  --bg-page: #080D1A;
  --surface: #0E1528;
  --surface-2: #141d35;
  --text-primary: #EDF0FF;
  --text-secondary: #A8B2D8;
  --text-muted: #5A6488;
  --accent: #7C6FFF;
  --accent-deep: #1A1550;
  --accent-tint: rgba(124, 111, 255, 0.13);
  --accent-tint-2: rgba(124, 111, 255, 0.06);
  --border-accent: rgba(124, 111, 255, 0.30);
  --border-subtle: rgba(237, 240, 255, 0.07);

  /* Highlight / secondary accent */
  --highlight: #00D4FF;
  --highlight-tint: rgba(0, 212, 255, 0.10);

  /* Typography */
  --font-display: 'Fraunces', serif;
  --font-body: system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Spacing */
  --section-pad: clamp(4rem, 8vw, 7rem);
  --card-radius: 14px;
  --card-pad: 24px;
  --gap: 20px;

  /* Transitions */
  --transition-fast: 150ms ease-out;
  --transition-base: 250ms ease-out;
  --transition-slow: 500ms ease-out;

  /* Shadows */
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.5);
  --shadow-accent: 0 0 28px rgba(124, 111, 255, 0.22);
  --shadow-lift: 0 8px 40px rgba(0, 0, 0, 0.6);
}