/* Design tokens — single source of truth for the entire design system */

:root {
  /* ── Surfaces ───────────────────────────────── */
  --bg-base:   #0a0a0a;
  --bg-elev:   #141414;
  --bg-deep:   #050505;
  --bg-hover:  #1a1a1a;

  /* ── Gold palette ───────────────────────────── */
  --gold-primary: #c9a961;
  --gold-bright:  #e8c878;
  --gold-deep:    #8a7440;
  --gold-glow:    rgba(232, 200, 120, 0.18);

  /* ── Text ───────────────────────────────────── */
  --text-primary: #f5f1e8;
  --text-soft:    #d5cfc1;
  --text-muted:   #8a8275;
  --text-faint:   #5a554a;

  /* ── Borders ────────────────────────────────── */
  --border-subtle: rgba(201, 169, 97, 0.14);
  --border-soft:   rgba(245, 241, 232, 0.06);
  --border-strong: rgba(201, 169, 97, 0.40);

  /* ── Typography ─────────────────────────────── */
  --font-display: "Playfair Display", "Times New Roman", serif;
  --font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

  /* ── Spacing scale (8px base) ───────────────── */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;
  --sp-32: 8rem;
  --sp-40: 10rem;

  /* ── Radii ──────────────────────────────────── */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 16px;
  --r-xl: 24px;

  /* ── Container ──────────────────────────────── */
  --container-max: 1320px;
  --container-pad: clamp(1.25rem, 4vw, 3rem);

  /* ── Animation ──────────────────────────────── */
  --ease-luxury: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-power:  cubic-bezier(0.65, 0, 0.35, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);

  --dur-fast:  200ms;
  --dur-base:  400ms;
  --dur-slow:  800ms;
  --dur-xslow: 1200ms;

  /* ── Z-index ────────────────────────────────── */
  --z-base:      1;
  --z-content:   10;
  --z-navbar:    100;
  --z-mobile:    200;
  --z-cursor:    9000;
  --z-loader:    9999;

  /* ── Shadows ────────────────────────────────── */
  --shadow-gold:  0 0 0 1px rgba(201, 169, 97, 0.20), 0 8px 30px rgba(201, 169, 97, 0.10);
  --shadow-deep:  0 30px 60px -20px rgba(0, 0, 0, 0.6);
}