:root {
  /* ── Colors ─────────────────────────────────────── */
  --color-bg:           #0f0f0f;
  --color-bg-2:         #141414;
  --color-bg-3:         #191919;
  --color-surface:      #1c1c1c;
  --color-surface-2:    #222222;
  --color-border:       rgba(255, 255, 255, 0.07);
  --color-border-light: rgba(255, 255, 255, 0.12);
  --color-text:         #f2f2f2;
  --color-text-muted:   #888888;
  --color-text-dim:     #555555;
  --color-gold:         #c9a84c;
  --color-gold-light:   #dbbf6a;
  --color-gold-dim:     rgba(201, 168, 76, 0.12);
  --color-gold-border:  rgba(201, 168, 76, 0.3);
  --color-white:        #ffffff;

  /* ── Typography ─────────────────────────────────── */
  --font-sans:    'Inter', sans-serif;

  /* ── Spacing ────────────────────────────────────── */
  --space-xs:   0.5rem;
  --space-sm:   1rem;
  --space-md:   2rem;
  --space-lg:   4rem;
  --space-xl:   7rem;
  --space-2xl:  11rem;

  /* ── Layout ─────────────────────────────────────── */
  --container:  1200px;
  --radius:     8px;
  --radius-lg:  14px;
  --radius-xl:  20px;
  --nav-h:      68px;

  /* ── Transitions ────────────────────────────────── */
  --ease:       cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out:   cubic-bezier(0.0, 0.0, 0.2, 1);
  --duration:   0.35s;
  --duration-slow: 0.7s;
}