:root {
  --bg: #ede8e1;
  --bg-elevated: #f5f1eb;
  --bg-muted: #e0dad1;
  --ink: #1c1916;
  --ink-soft: #5c564e;
  --line: rgba(28, 25, 22, 0.12);
  --accent: #8a6a3d;
  --accent-hover: #735732;
  --sale: #a33b2a;
  --hero-overlay: rgba(28, 25, 22, 0.48);
  --promo-bg: #2a2520;
  --promo-fg: #f5f1eb;
  --white: #fffaf4;
  --radius: 12px;
  --radius-btn: 20px;
  --radius-pill: 999px;
  /* Match Gnoce PLP (~1800) / Pandora near-full desktop width */
  --container: 1800px;
  --pad: 16px;
  --header-h: 64px;
  --font-display: 'Americana', 'Cormorant Garamond', Georgia, serif;
  --font-ui: 'Poppins', system-ui, sans-serif;
  --shadow-soft: 0 8px 24px rgba(28, 25, 22, 0.06);
  --transition: 0.18s ease;

  /* Glass surfaces */
  --glass-bg: rgba(255, 250, 244, 0.55);
  --glass-bg-strong: rgba(255, 250, 244, 0.72);
  --glass-bg-header: rgba(245, 241, 235, 0.72);
  --glass-border: rgba(255, 255, 255, 0.45);
  --glass-border-soft: rgba(28, 25, 22, 0.1);
  --glass-blur: 16px;
  --glass-blur-strong: 22px;
  --glass-shadow: 0 10px 32px rgba(28, 25, 22, 0.08);
}

@media (min-width: 1100px) {
  :root {
    --pad: 40px;
    --header-h: 72px;
  }
}

@media (min-width: 1440px) {
  :root {
    --pad: 56px;
  }
}