:root {
  --color-bg: #ffffff;
  --color-surface: #f5f5f5;
  --color-text: #222222;
  --color-muted: #666666;
  --color-dark: #1a1a1a;
  --color-accent: #ff8c00;
  --color-accent-hover: #e67e00;
  --color-sale: #e53935;
  --color-button: #1a1a1a;
  --color-hero-bg: linear-gradient(135deg, #e8f4fc 0%, #f0f2f5 45%, #e3e8ee 100%);
  --font-display: "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: "Segoe UI", system-ui, -apple-system, sans-serif;
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.08);
  --radius: 6px;
  --container: min(1120px, 100% - 2.5rem);
}