:root {

  /* ===== DEFAULT FALLBACK THEME ===== */
  --color-primary: #0EA5A4;
  --color-accent: #F59E0B;
  --color-bg: #F5F7FA;
  --color-surface: #FFFFFF;
  --color-text: #111827;
  --color-muted: #6B7280;
  --color-price: #111827;
  --color-discount: #10B981;

  /* typography */
  --font-family: Inter, system-ui, sans-serif;
  --font-weight-body: 400;
  --font-weight-heading: 600;

  /* radius scale */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;

  /* spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;

  /* elevation */
  --shadow-card: 0 6px 18px rgba(0,0,0,0.08);

}