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

:root {
  --navy: #0b2d49;
  --blue: #1268a8;
  --light-blue: #eaf4fa;
  --green: #16825d;
  --border: #dce8ef;
  --muted: #5d7283;
  --shadow: 0 18px 48px #18415e1a;
  --font-sans: Inter, "Segoe UI", Arial, sans-serif;
  --white: #ffffff;
  --surface: #f8fbfd;
  --surface-strong: #f3f8fb;
  --surface-blue: #edf5f9;
  --surface-blue-pale: #fafdff;
  --blue-dark: #09588f;
  --green-light: #e6f5ef;
  --green-dark: #155e46;
  --error: #8a2929;
  --error-surface: #fff3f3;
  --error-border: #e3b4b4;
  --danger: #a33a3a;
  --text-strong-muted: #35546b;
  --icon-muted: #87a1b4;
  --border-strong: #cbdbe5;
  --border-dashed: #bbceda;
  --focus-ring: #dceef9;
  --footer-background: #071f33;
  --footer-muted: #9db0bf;
  --footer-subtle: #7890a2;
  --footer-border: #274053;
  --header-background: #fffffff5;
  --header-border: #e8eef2;
  --nav-link: #29475f;
  --text-body: #405c71;
  --text-slate: #33546c;
  --text-steel: #60788a;
  --text-mist: #6e899b;
  --green-mint: #7fdbb9;
  --green-soft: #9ce0c4;
  --green-pale-text: #b7e2d1;
  --success-surface: #e9f7f1;
  --success-border: #bde7d4;
  --blue-line: #9fc8e0;
  --ice: #b9ccd9;
  --ice-bar: #b9cfdd;
  --mist-text: #bfd0dd;
  --card-border: #c9dfea;
  --text-on-navy: #d7e4ec;
  --wash: #dcecf5;
  --wash-deep: #e4f1f8;
  --wash-mid: #e7f2f8;
  --wash-soft: #e8f3f9;
  --wash-panel: #edf6fa;
  --wash-panel-alt: #edf6fb;
  --hero-split: #f0f7fb;
  --shadow-ink: #18415e1a;
  --shadow-card: #18415e21;
  --scrim: #0003;
  --white-08: #ffffff14;
  --white-10: #ffffff1a;
  --white-14: #ffffff24;
  --white-40: #ffffff66;
  --white-60: #ffffff99;
  --white-66: #ffffffa8;
  --white-70: #ffffffb3;
  --white-97: #fffffff7;
}