:root {
  /* ── Backgrounds ─────────────────────────────── */
  --bg:        #080608;
  --bg2:       #0c090a;
  --bg3:       #100d0e;
  --surface:   #1a1214;
  --surface2:  #221518;

  /* ── Brand Colors ────────────────────────────── */
  --ember:     #C0392B;
  --ember2:    #E8503A;
  --rose:      #D4A5A5;
  --wine:      #3D2B2B;
  --wine2:     #2a1c1c;
  --gold:      #C9963A;

  /* ── Utility ─────────────────────────────────── */
  --border:    rgba(192, 57, 43, 0.16);
  --border2:   rgba(212, 165, 165, 0.1);
  --dim:       rgba(192, 57, 43, 0.10);
  --glow:      rgba(192, 57, 43, 0.32);
  --glow2:     rgba(192, 57, 43, 0.55);

  /* ── Text ────────────────────────────────────── */
  --text:      #F0E6E6;
  --muted:     #9A8080;
  --faint:     #5a4545;

  /* ── Typography ──────────────────────────────── */
  --ff-display: 'Bebas Neue', sans-serif;
  --ff-head:    'Syne', sans-serif;
  --ff-body:    'DM Sans', sans-serif;
  --ff-mono:    'Courier New', monospace;

  /* ── Motion ──────────────────────────────────── */
  --ease:      cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out:  cubic-bezier(0.0,  0.0,  0.2,  1.0);
  --ease-in:   cubic-bezier(0.4,  0.0,  1.0,  1.0);
  --spring:    cubic-bezier(0.34, 1.56, 0.64, 1.0);
}