:root {
  /* ── Cosmic palette ─────────────────────────────────────────── */
  --void:        #06070d;
  --bg:          #0a0b14;
  --bg-2:        #0c0e1a;
  --panel:       #111324;
  --panel-2:     #161931;
  --panel-hi:    #1c2040;

  --line:        rgba(201, 169, 106, 0.16);
  --line-soft:   rgba(255, 255, 255, 0.06);
  --line-violet: rgba(124, 108, 240, 0.22);

  --gold:        #c9a96a;
  --gold-bright: #e7c485;
  --gold-deep:   #a4824a;
  --gold-dim:    rgba(201, 169, 106, 0.55);

  --violet:      #8a7bff;
  --violet-deep: #6657d6;
  --violet-glow: rgba(124, 108, 240, 0.38);
  --cyan:        #6fd6e0;

  --ink:         #edeefb;
  --text:        #c6cae2;
  --muted:       #8a90b2;
  --faint:       #585e82;

  /* ── Type ───────────────────────────────────────────────────── */
  --serif: "Lora", "PT Serif", Georgia, "Times New Roman", serif;
  --sans:  "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fs-display: clamp(2.6rem, 1.6rem + 4vw, 4.4rem);
  --fs-h1:      clamp(2rem, 1.4rem + 2.4vw, 3rem);
  --fs-h2:      clamp(1.45rem, 1.2rem + 1vw, 1.9rem);
  --fs-h3:      1.25rem;
  --fs-lead:    clamp(1.05rem, 1rem + 0.4vw, 1.22rem);
  --fs-body:    1.02rem;
  --fs-sm:      0.9rem;
  --fs-xs:      0.78rem;

  /* ── Space / shape ──────────────────────────────────────────── */
  --r-sm: 10px;
  --r:    16px;
  --r-lg: 22px;
  --r-xl: 30px;

  --sidebar-w: 280px;
  --measure: 70ch;

  /* ── Glow & shadow ──────────────────────────────────────────── */
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.35);
  --shadow:    0 14px 40px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 30px 80px rgba(0, 0, 0, 0.55);
  --glow-gold:   0 0 0 1px var(--line), 0 18px 50px -20px rgba(201, 169, 106, 0.45);
  --glow-violet: 0 0 60px -10px var(--violet-glow);

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