:root{
  --bg: #F5F5F3;         /* light, off-white */
  --text: #28282A;
  --text-dim: #4a4a4a;
  --brand: #0e2a3a;             /* adjust to your brand */
  --shadow: 0 1px 6px rgba(0,0,0,.25);
  --container: 1200px;
  --gap-xl: 64px;
  --gap-lg: 48px;
  --gap-md: 24px;
  --gap-sm: 12px;
  --gap-xs: 8px;
  --sbw: calc(100vw - 100%);  /* scrollbar width to prevent layout shift */
  --radius-lg: 24px;
  --radius-md: 16px;
  --radius-sm: 8px;
}

*{box-sizing:border-box}

html{
  font-family:"Geist",system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  line-height:1.4;
  scroll-behavior: smooth;
  text-size-adjust: 100%;
}

body{
  margin:0;
  color:var(--text);
  background:#fff;
  font:400 16px/1.55 "Geist", system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}

html, body {
  overflow-x: clip; /* prevent horizontal scroll from parallax */
}

a{color:inherit; text-decoration:none}

a:focus-visible,button:focus-visible{outline:2px solid #7aa7ff; outline-offset:2px}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
}