@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;600;700&family=Sora:wght@600;700&display=swap");
:root {
  --color-bg: #eef3f7;
  --color-bg-white: #f7fafc;
  --color-text: #0e1a24;
  --color-text-muted: #4a6070;
  --color-primary: #0b3a52;
  --color-accent: #1a8f9c;
  --color-accent-soft: #7ed4dc;
  --color-accent-hover: #14747e;
  --color-border: #c5d5df;
  --color-header-bg: #071824;
  --color-nav: #c5d8e2;
  --color-nav-muted: #7a93a3;
  --color-crumb: #b7c9d4;
  --color-footer-bg: #06141e;
  --color-footer-text: #b7c9d4;
  --hero-bg: radial-gradient(ellipse at 82% 12%, rgba(26,143,156,0.32), transparent 50%), linear-gradient(165deg, #071824 0%, #0b3a52 55%, #12556a 100%);
  --font-display: "Sora", "Segoe UI", sans-serif;
  --font-body: "IBM Plex Sans", "Segoe UI", sans-serif;
  --radius: 6px;
  --shadow: 0 10px 28px rgba(7, 24, 36, 0.08);
}