:root {
  /* Aurora palette — sourced from assets/rosace/rosace-*-aurora.svg */
  --aurora-cyan: #00eeff;
  --aurora-blue: #33b4ff;
  --aurora-indigo: #7a7bff;
  --aurora-violet: #b865ff;
  --aurora-magenta: #e85ce0;
  --aurora-word-start: #00a8dd;
  --aurora-word-mid: #8a5cff;
  --aurora-word-end: #d34fcb;
  --aurora-highlight: #e8d5ff;

  --bg-0: #04070c;
  --bg-1: #070b13;
  --bg-2: #0c121c;
  --surface: #10182480;
  --surface-border: #ffffff14;
  --surface-border-strong: #ffffff26;

  --text-0: #f4f2fb;
  --text-1: #c7c9dc;
  --text-2: #8b8ea3;

  --aurora-gradient: linear-gradient(
    90deg,
    var(--aurora-cyan),
    var(--aurora-blue),
    var(--aurora-indigo),
    var(--aurora-violet),
    var(--aurora-magenta)
  );
  --aurora-gradient-text: linear-gradient(
    90deg,
    var(--aurora-word-start),
    var(--aurora-word-mid),
    var(--aurora-word-end)
  );

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 7rem;

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue",
    Arial, sans-serif;

  --max-width: 1120px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}