:root {
  --color-navy-950: #00172e;
  --color-navy-900: #00213d;
  --color-teal-500: #00aeb5;
  --color-teal-600: #009ba3;
  --color-slate-700: #44566a;
  --color-slate-500: #667789;
  --color-slate-100: #eef3f6;
  --color-white: #ffffff;
  --color-black: #0b1117;

  --container-sm: 760px;
  --container-md: 1024px;
  --container-lg: 1200px;
  --container-xl: 1360px;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;

  --shadow-soft: 0 10px 30px rgba(0, 23, 46, 0.08);
  --shadow-card: 0 6px 18px rgba(0, 23, 46, 0.07);

  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
}