:root {
  --bg-primary: #0d0d0d;
  --bg-secondary: #1a1410;
  --bg-card: #221c18;
  --bg-card-hover: #2a221c;
  --accent-gold: #c9a84c;
  --accent-gold-light: #e0c878;
  --accent-ember: #e85d04;
  --accent-red: #9b2226;
  --accent-green: #2d6a4f;
  --accent-purple: #7b2cbf;
  --text-primary: #f5f0e8;
  --text-muted: #a89f94;
  --border-subtle: rgba(201, 168, 76, 0.2);
  --border-strong: rgba(201, 168, 76, 0.4);

  --font-serif: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-sans: 'Outfit', 'Inter', system-ui, sans-serif;
  --font-urdu: 'Noto Nastaliq Urdu', serif;

  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 5rem;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.5);
  --shadow-gold: 0 4px 20px rgba(201, 168, 76, 0.15);

  --transition-fast: 200ms ease-out;
  --transition-base: 300ms ease-out;
  --transition-slow: 400ms ease-out;

  --header-height: 72px;
  --header-height-mobile: 64px;
  --marquee-height: 36px;
  --chrome-height: calc(var(--marquee-height) + var(--header-height));
  --space-section: var(--space-3xl);
  --space-container: var(--space-lg);
  --cart-bar-height: 56px;
  --max-width: 1280px;
  --z-header: 200;
  --z-overlay: 210;
  --z-modal: 300;
  --z-toast: 400;
  --z-marquee: 201;
}