:root{
  /* Colour tokens — Ch.4.1 */
  --ompl-teal:#3EB6AA;
  --teal-dark:#146F68;
  --steel-orange:#D8742A;
  --research-purple:#6B63B5;
  --knowledge-blue:#2763EB;
  --slate:#384250;
  --text:#172126;
  --muted:#66747C;
  --border:#DDE4E7;
  --surface:#FFFFFF;
  --page-bg:#F7F9FA;

  /* Spacing scale */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px;

  --radius-card:14px;
  --radius-input:11px;
  --tile-accent:3px;
  --border-w:1px;

  --max-width:1440px;
  --reading-max:780px;
  --gutter-desktop:40px;
  --gutter-tablet:28px;
  --gutter-mobile:18px;

  --header-h-desktop:72px;
  --header-h-tablet:64px;
  --header-h-mobile:64px;

  --font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-editorial:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;

  --ease-out: cubic-bezier(.19,1,.22,1);
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--font-ui);
  color:var(--text);
  background:var(--surface);
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;}

.container{
  max-width:var(--max-width);
  margin:0 auto;
  padding:0 var(--gutter-desktop);
}
@media (max-width:1023px){ .container{padding:0 var(--gutter-tablet);} }
@media (max-width:767px){ .container{padding:0 var(--gutter-mobile);} }

h1,h2,h3,h4{font-weight:650; letter-spacing:-0.01em; margin:0;}
p{margin:0;}

:focus-visible{
  outline:2px solid var(--teal-dark);
  outline-offset:2px;
}

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