@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("/assets/fonts/lato-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("/assets/fonts/lato-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --night-950: #041321;
  --night-900: #07243a;
  --night-800: #0e3550;
  --ocean-700: #155d84;
  --ocean-600: #1d7eaa;

  --aqua-500: #28c4c9;
  --aqua-400: #58d8d8;
  --aqua-250: #a4f0ec;

  --sun-500: #ffb34b;
  --sun-400: #ffc875;
  --sun-200: #ffe4b8;

  --cloud-100: #eef6ff;
  --cloud-50: #f7fbff;

  --surface-0: rgba(255, 255, 255, 0.9);
  --surface-1: rgba(243, 250, 255, 0.9);
  --surface-2: rgba(12, 42, 66, 0.82);
  --surface-3: rgba(7, 30, 48, 0.92);

  --accent: var(--aqua-500);
  --accent-soft: var(--aqua-250);
  --highlight: var(--sun-500);

  --text-primary: #062038;
  --text-secondary: rgba(6, 32, 56, 0.78);
  --text-muted: rgba(6, 32, 56, 0.58);
  --text-inverse: #eaf7ff;

  --border-soft: rgba(15, 67, 103, 0.18);
  --border-strong: rgba(15, 67, 103, 0.34);

  --radius-xl: 34px;
  --radius-lg: 24px;
  --radius-md: 16px;
  --radius-sm: 12px;
  --radius-pill: 999px;

  --shadow-soft: 0 22px 52px rgba(7, 36, 58, 0.16);
  --shadow-card: 0 14px 34px rgba(7, 36, 58, 0.18);
  --shadow-glow: 0 0 0 1px rgba(40, 196, 201, 0.14), 0 20px 46px rgba(40, 196, 201, 0.14);

  --space-xs: clamp(0.5rem, 1vw, 0.7rem);
  --space-sm: clamp(0.75rem, 1.4vw, 1rem);
  --space-md: clamp(1rem, 2vw, 1.4rem);
  --space-lg: clamp(1.4rem, 3vw, 2.2rem);
  --space-xl: clamp(1.8rem, 3.8vw, 2.8rem);
  --space-2xl: clamp(2.3rem, 4.6vw, 3.7rem);
  --space-section: clamp(3.1rem, 7vw, 5.3rem);

  --font-display: "Poppins", "Lato", system-ui, sans-serif;
  --font-body: "Lato", system-ui, sans-serif;
}