:root {
  --navy: #0A325B;
  --teal: #19A0C1;
  --teal-deep: #0C6B86;
  --ink: #0E2238;
  --ink-soft: #3D5468;
  --canvas: #ffffff;
  --surface: #F4FAFB;
  --mist: #CFE6EC;
  --line: #D7E5EC;
  --sky: #9EE4F0;
  --deep: #061528;
  --deep-2: #0D456A;
  --banner-grad: linear-gradient(135deg, #0a2c52 0%, #137d9e 55%, #19a0c1 100%);
  --logo-bg: linear-gradient(135deg, #CFE6EC 0%, #F4FAFB 100%);
  --shadow-card: rgba(9, 30, 66, 0.08) 0 0 1px, rgba(9, 30, 66, 0.06) 0 4px 24px;
  --shadow-hover: rgba(9, 30, 66, 0.12) 0 8px 32px;
  --radius-card: 20px;
  --radius-btn: 999px;
  --max: 1160px;
  --font-display: "Manrope", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
}