:root {
  /* ── Colors ── */
  --black:   #060606;
  --white:   #f5f2ed;
  --blue:    #1a4fff;
  --coral:   #ff4d3a;
  --cyan:    #00e5ff;
  --yellow:  #ffe600;
  --purple:  #b066ff;
  --orange:  #f9a826;
  --green:   #00d68f;
  --grey:    #111111;
  --mid:     #1a1a1a;
  --dark:    #0d0d0d;

  /* ── Text ── */
  --text-primary:  #f5f2ed;
  --text-muted:    #888888;
  --text-faint:    rgba(245, 242, 237, 0.4);
  --text-medium:   rgba(245, 242, 237, 0.55);

  /* ── Fonts ── */
  --font-display: 'Bebas Neue', sans-serif;
  --font-mono:    'Space Mono', monospace;
  --font-body:    'DM Sans', sans-serif;
  --font-serif:   'Playfair Display', serif;

  /* ── Spacing ── */
  --section-pad-x: 3.5rem;
  --section-pad-y: 8rem;

  /* ── Borders ── */
  --border-subtle: 1px solid rgba(255, 255, 255, 0.06);
  --border-mid:    1px solid rgba(255, 255, 255, 0.12);

  /* ── Transitions ── */
  --t-fast:   0.15s ease;
  --t-normal: 0.25s ease;
  --t-slow:   0.4s ease;
}