:root {
  --color-primary: #82c341;
  --color-primary-dark: #5a9a2e;
  --color-primary-light: #a8d96a;
  --color-charcoal: #1a1a1a;
  --color-text: #333333;
  --color-text-muted: #666666;
  --color-white: #ffffff;
  --color-off-white: #f7f7f5;
  --color-yellow-bar: #f5c518;
  --color-sale: #e53935;
  --color-new: #82c341;
  --color-hot: #ff9800;
  --font-heading: "Oswald", sans-serif;
  --font-body: "Inter", sans-serif;
  --radius-pill: 50px;
  --radius-card: 8px;
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.12);
  --transition: 0.3s ease;
  --container-max: 1200px;
  --header-height: 80px;
  --topbar-height: 40px;
}