/* =====================================================================
   IDB Store — THEME TOKENS
   Two themes via [data-theme] on <html>:
     midnight-luxe  (default) — dark, glass, neon gradient
     royal-boutique           — light, cream + gold, elegant
   ===================================================================== */
:root,
[data-theme="midnight-luxe"] {
  --bg:         #0a0a12;
  --bg-2:       #0f1020;
  --surface:    #15172b;
  --surface-2:  #1c1f3a;
  --glass:      rgba(255,255,255,.06);
  --glass-brd:  rgba(255,255,255,.12);
  --text:       #f3f4ff;
  --text-muted: #a7abd0;
  --text-faint: #6d7196;
  --border:     rgba(255,255,255,.10);
  --accent:     #a855f7;   /* violet */
  --accent-2:   #22d3ee;   /* cyan   */
  --accent-3:   #f472b6;   /* pink   */
  --accent-rgb: 168,85,247;
  --accent-grad: linear-gradient(120deg,#a855f7,#6366f1 45%,#22d3ee);
  --accent-glow: 0 0 0 1px rgba(168,85,247,.4), 0 8px 40px rgba(168,85,247,.35);
  --card-bg:    linear-gradient(160deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
  --header-bg:  rgba(10,10,18,.72);
  --shadow:     0 24px 60px rgba(0,0,0,.55);
  --shadow-sm:  0 8px 24px rgba(0,0,0,.4);
  --hero-tint:  radial-gradient(900px 500px at 75% 15%, rgba(168,85,247,.22), transparent 60%),
                radial-gradient(700px 500px at 15% 85%, rgba(34,211,238,.16), transparent 60%);
  --font-display: "Space Grotesk","Poppins",system-ui,sans-serif;
  --font-body:    "Poppins",system-ui,-apple-system,sans-serif;
  --scheme: dark;
}

[data-theme="royal-boutique"] {
  --bg:         #fbf7f0;
  --bg-2:       #f4ece0;
  --surface:    #ffffff;
  --surface-2:  #fbf4ea;
  --glass:      rgba(0,0,0,.03);
  --glass-brd:  rgba(0,0,0,.08);
  --text:       #231a10;
  --text-muted: #6b5c48;
  --text-faint: #9c8c76;
  --border:     rgba(0,0,0,.10);
  --accent:     #b8860b;   /* gold   */
  --accent-2:   #7c1f2e;   /* maroon */
  --accent-3:   #c99a3b;
  --accent-rgb: 184,134,11;
  --accent-grad: linear-gradient(120deg,#caa23c,#b8860b 50%,#7c1f2e);
  --accent-glow: 0 0 0 1px rgba(184,134,11,.4), 0 10px 34px rgba(184,134,11,.22);
  --card-bg:    linear-gradient(160deg, rgba(255,255,255,.9), rgba(251,244,234,.9));
  --header-bg:  rgba(251,247,240,.82);
  --shadow:     0 24px 60px rgba(120,90,30,.18);
  --shadow-sm:  0 8px 24px rgba(120,90,30,.12);
  --hero-tint:  radial-gradient(900px 500px at 75% 15%, rgba(184,134,11,.18), transparent 60%),
                radial-gradient(700px 500px at 15% 85%, rgba(124,31,46,.10), transparent 60%);
  --font-display: "Playfair Display","Poppins",serif;
  --font-body:    "Poppins",system-ui,-apple-system,sans-serif;
  --scheme: light;
}

:root {
  --radius-sm: 10px;
  --radius:    16px;
  --radius-lg: 26px;
  --container: 1280px;
  --header-h:  72px;
  --ease: cubic-bezier(.22,1,.36,1);
}