:root {
  --primary: #2563eb;
  --primary-hover: #1957df;
  --secondary: #3b82f6;
  --accent: #dbeafe;
  --text: #1e293b;
  --bg: #f8fafc;
  --header-bg: #ffffff;
  --header-text: #1e293b;
  --font: 'Inter', sans-serif;
  --radius: 8px;
  --max-width: 100%;
  --hero-bg: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #2563eb 100%);
}