:root {
  --color-indigo: #3730a3;
  --color-indigo-600: #312e81;
  --color-navy: #1e1b4b;
  --color-orange: #f97316;
  --color-orange-dark: #ea580c;
  --color-bg: #f8fafc;
  --color-white: #ffffff;
  --color-text: #0f172a;
  --color-muted: #2d3848;
  --color-border: #e2e8f0;
  --color-soft-indigo: #eef2ff;
  --color-soft-orange: #fff7ed;
  --color-grey: #c0c0c0;

  --font-heading: "Manrope", Arial, sans-serif;
  --font-body: "Inter", Arial, sans-serif;

  --container: 1180px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-card: 0 4px 24px rgba(15, 23, 42, 0.06);
  --shadow-hero: 0 24px 60px rgba(30, 27, 75, 0.18);

  --bp-mobile: 767px;
  --bp-tablet: 768px;
  --bp-desktop: 1280px;
}