:root {
  /* Primary — Bold red for CTAs, energy, urgency */
  --color-primary: #e63946;
  --color-primary-dark: #c1121f;
  --color-primary-light: #ff4d5a;

  /* Secondary — Dark backgrounds, body text */
  --color-secondary: #1a1a2e;
  --color-secondary-dark: #111118;
  --color-secondary-light: #2a2a3e;

  /* Accent — Deals, ratings, urgency */
  --color-accent-green: #2ecc40;
  --color-accent-orange: #ff6b35;
  --color-accent-yellow: #ffd700;

  /* Neutrals */
  --color-white: #ffffff;
  --color-off-white: #f5f5f5;
  --color-text: #1a1a2e;
  --color-text-light: #6b7280;
  --color-text-muted: #9ca3af;
  --color-text-on-dark: #e5e5e5;
  --color-text-on-dark-muted: #9ca3af;

  /* Borders */
  --color-border: #e5e7eb;
  --color-border-light: #f3f4f6;
  --color-border-dark: #374151;

  /* Status */
  --color-success: #2ecc40;
  --color-error: #e63946;
  --color-warning: #ff6b35;

  /* Overlays */
  --color-overlay: rgba(17, 17, 24, 0.85);
  --color-overlay-light: rgba(17, 17, 24, 0.6);

  /* Badges */
  --color-badge-sale: #e63946;
  --color-badge-new: #2ecc40;
  --color-badge-best: #ffd700;
  --color-badge-hot: #ff6b35;
  --color-badge-bg: rgba(230, 57, 70, 0.08);

  /* Typography */
  --font-family: 'Montserrat', sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-body: 16px;
  --font-size-body-lg: clamp(16px, 1.5vw, 18px);
  --font-size-h4: clamp(18px, 2vw, 20px);
  --font-size-h3: clamp(22px, 2.5vw, 28px);
  --font-size-h2: clamp(28px, 3.5vw, 40px);
  --font-size-h1: clamp(36px, 4.5vw, 52px);
  --font-size-display: clamp(40px, 5.5vw, 64px);
  --line-height-tight: 1.05;
  --line-height-heading: 1.15;
  --line-height-body: 1.6;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 80px;
  --section-padding: clamp(40px, 6vw, 64px);
  --container-max: 1400px;
  --container-padding: clamp(16px, 3vw, 20px);
  --card-gap: clamp(12px, 1.5vw, 16px);

  /* Layout */
  --header-height: 52px;
  --promo-bar-height: 40px;
  --page-offset: calc(var(--header-height) + var(--promo-bar-height));

  /* Effects */
  --transition: all 200ms ease;
  --transition-fast: all 120ms ease;
  --transition-slow: all 400ms ease;
  --border-radius: 6px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
  --border-radius-pill: 100px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.18);
}