@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap");

:root {
  --color-bg: #03091a;
  --color-text: #f4f6fb;
  --color-text-soft: #d8e2ef;
  --color-accent: #2787f5;
  --color-accent-light: #5cadff;
  --color-dark-blue: #04235a;
  --color-muted: #b4c2d4;
  --color-border: rgba(92, 173, 255, 0.45);
  --color-card: rgba(17, 24, 42, 0.85);
  --gradient-brand: linear-gradient(87.68deg, #04235a 1.42%, #006ebd 100%);
  --gradient-card: linear-gradient(152.97deg, rgba(60, 80, 110, 0.35) 0%, rgba(17, 24, 42, 0.9) 100%);  --shadow-brand: 0 22px 44px -12px rgba(0, 110, 189, 0.25);

  --font-family: "Montserrat", "Gilroy", system-ui, sans-serif;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --radius: 12px;
  --header-h: 56px;
  --container: min(100% - 2rem, 720px);
  --touch-min: 44px;
}