/* ===========================================
   DESIGN TOKENS — Liquid Glass Artistry
   8px Grid System · Glassmorphism · Editorial
   =========================================== */

:root {
  /* ——— Colors ——— */
  --color-bg-primary: #213C3B;
  --color-bg-dark: #050B0A;
  --color-accent-gold: #B8860B;
  --color-accent-gold-mid: #DAA520;
  --color-accent-gold-light: #FFD700;
  --color-accent-gold-dim: rgba(184, 134, 11, 0.6);
  --gold-gradient: linear-gradient(
    135deg,
    #B8860B 0%,
    #DAA520 20%,
    #FFD700 40%,
    #B8860B 55%,
    #DAA520 70%,
    #FFD700 85%,
    #B8860B 100%
  );
  --color-text-primary: #FFFFFF;
  --color-text-secondary: rgba(255, 255, 255, 0.7);
  --color-text-muted: rgba(255, 255, 255, 0.45);
  --color-text-dark: #1a1a1a;

  /* ——— Typography ——— */
  --font-display: 'Cinzel Decorative', 'Cinzel', serif;
  --font-heading: 'Cinzel', serif;
  --font-body: 'Lora', serif;

  /* ——— Glassmorphism ——— */
  --glass-bg: rgba(255, 255, 255, 0.05);
  --glass-bg-hover: rgba(255, 255, 255, 0.09);
  --glass-border: rgba(255, 255, 255, 0.2);
  --glass-border-hover: rgba(255, 255, 255, 0.3);
  --glass-blur: 25px;
  --glass-saturate: 150%;
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
  --glass-shadow-hover: 0 16px 48px rgba(0, 0, 0, 0.35);
  --glass-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.1);

  /* ——— Spacing — 8px Grid ——— */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-7: 56px;
  --space-8: 64px;
  --space-9: 72px;
  --space-10: 80px;
  --space-12: 96px;
  --space-14: 112px;
  --space-16: 128px;
  --space-20: 160px;

  /* ——— Border Radius ——— */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 9999px;

  /* ——— Transitions ——— */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --transition-fast: 200ms var(--ease-out-expo);
  --transition-medium: 400ms var(--ease-out-expo);
  --transition-slow: 800ms var(--ease-out-quart);
}