:root {
  --si3-color-navy: #0f2747;
  --si3-color-navy-deep: #07182b;
  --si3-color-red: #e63946;
  --si3-color-red-hover: #c92f3a;
  --si3-color-graphite: #2e2e34;
  --si3-color-gray: #a7b1bc;
  --si3-color-white: #f8fafc;
  --si3-color-line: #dce2e8;
  --si3-color-surface-blue: #112f53;
  --si3-color-surface-light: #eef2f5;
  --si3-color-text-muted: #617183;
  --si3-font-family: "Montserrat", Arial, sans-serif;
  --si3-page-gutter: clamp(24px, 5vw, 80px);
  --si3-duration-fast: 200ms;
  --si3-duration-medium: 250ms;
}
@media (prefers-reduced-motion: reduce) {
  :root { --si3-duration-fast: 0ms; --si3-duration-medium: 0ms; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0ms !important; }
}