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

:root {
  --black: #00030b;
  --midnight: #001027;
  --navy: #00244d;
  --deep-blue: #063465;
  --royal-blue: #10518c;
  --electric-blue: #0b92d6;
  --electric-blue-hover: #13a6f0;
  --ice-blue: #84a7c0;
  --light-ice: #c9e7f1;
  --white: #fcfcfc;
  --pure-black: #000105;

  --success: #31c48d;
  --warning: #f6c453;
  --danger: #f87171;

  --font-body: "Inter", system-ui, sans-serif;
  --font-heading: "Montserrat", "Inter", system-ui, sans-serif;

  --navbar-height: 92px;
  --navbar-height-scrolled: 74px;

  --content-width: 1400px;
  --content-width-narrow: 980px;
  --page-padding: clamp(1.25rem, 4vw, 5rem);
  --section-padding: clamp(4.5rem, 9vw, 9rem);

  --border-light: rgba(201, 231, 241, 0.22);
  --border-blue: rgba(11, 146, 214, 0.55);

  --shadow-card: 0 22px 55px rgba(0, 0, 0, 0.28);
  --shadow-blue: 0 14px 32px rgba(11, 146, 214, 0.3);

  --radius-sm: 2px;
  --radius-md: 8px;
}