:root {
  /* Color: deep space base */
  --color-bg-deep: #07060f;
  --color-bg: #0d0a1f;
  --color-bg-elevated: rgba(255, 255, 255, 0.045);
  --color-border: rgba(255, 255, 255, 0.12);
  --color-border-strong: rgba(255, 255, 255, 0.22);

  /* Color: nebula accents */
  --color-purple: #8b5cf6;
  --color-purple-deep: #6d28d9;
  --color-pink: #ec4899;
  --color-blue: #38bdf8;

  /* Color: text */
  --color-text: #f4f2fb;
  --color-text-muted: #bdb8da;
  --color-text-faint: #8d87ab;

  /* Type */
  --font-display: "Orbitron", "Segoe UI", sans-serif;
  --font-body: Georgia, "Times New Roman", Times, serif;

  /* Layout */
  --max-width: 1180px;
  --gutter: clamp(1.25rem, 5vw, 3rem);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 160ms var(--ease-out);
  --transition-med: 320ms var(--ease-out);
}