/* Editorial Luxury Theme System */
:root {
  /* Color Palette - Light Mode */
  --bg-primary: #FDFBF7;
  --bg-secondary: #F3F0E9;
  --bg-glass: rgba(253, 251, 247, 0.7);

  --text-primary: #2A2522;
  /* Espresso */
  --text-secondary: #5C5552;

  --accent-primary: #D28C9D;
  /* Dusty Rose */
  --accent-hover: #B56B7E;
  --accent-glow: rgba(210, 140, 157, 0.12);

  /* Double-Bezel Components */
  --border-outer: rgba(0, 0, 0, 0.05);
  --border-inner: rgba(255, 255, 255, 0.6);
  --border-focus: rgba(138, 126, 113, 0.5);

  --shadow-ambient: 0 24px 48px -12px rgba(42, 37, 34, 0.08);
  --shadow-inset: inset 0 1px 1px rgba(255, 255, 255, 0.8);

  /* Typography */
  --font-serif: 'Playfair Display', serif;
  --font-sans: 'Plus Jakarta Sans', sans-serif;

  /* Radii & Micro-Aesthetics Setup */
  --radius-outer: 2rem;
  --radius-inner: calc(2rem - 0.375rem);
  --radius-pill: 9999px;

  --spacing-section: 8rem;

  /* Motion Physics (Fluid Dynamics) */
  --easing-fluid: cubic-bezier(0.32, 0.72, 0, 1);
  --transition-standard: all 700ms var(--easing-fluid);
  --transition-fast: all 300ms var(--easing-fluid);
}

[data-theme="dark"] {
  /* Ethereal Glass / Luxury Dark */
  --bg-primary: #050505;
  --bg-secondary: #121212;
  --bg-glass: rgba(5, 5, 5, 0.7);

  --text-primary: #FDFBF7;
  --text-secondary: #A3A3A3;

  --accent-primary: #F0A8B9;
  /* Pastel Blush */
  --accent-hover: #FFC4D3;
  --accent-glow: rgba(240, 168, 185, 0.15);

  --border-outer: rgba(255, 255, 255, 0.1);
  --border-inner: rgba(255, 255, 255, 0.03);
  --border-focus: rgba(176, 163, 149, 0.5);

  --shadow-ambient: 0 24px 48px -12px rgba(0, 0, 0, 0.8);
  --shadow-inset: inset 0 1px 1px rgba(255, 255, 255, 0.1);
}