:root {
  --color-primary: #e30613;
  --color-primary-hover: #c20511;
  --color-text: #1a1a1a;
  --color-text-muted: #666;
  --color-text-light: #999;
  --color-border: #e5e5e5;
  --color-bg: #fff;
  --color-bg-muted: #f5f5f5;
  --color-bg-hero: #3d4550;
  --color-footer: #1e2a3a;
  --color-success: #2e7d32;
  --color-warning: #e65100;
  --color-white: #fff;

  --font-family: "Inter", system-ui, -apple-system, sans-serif;
  --container-width: 1200px;
  --header-height: auto;
  --radius: 6px;
  --radius-sm: 4px;
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06);
  --transition: 0.2s ease;

  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
}