/* Roots of Reason — spacing, shape, shadow, layout tokens (verbatim) */
:root{
  /* 8pt spacing grid */
  --space-xs:8px; --space-sm:16px; --space-md:24px; --space-lg:40px; --space-xl:64px; --space-2xl:96px;
  --space-section:clamp(40px,8vh,80px);
  --space-component:clamp(16px,3vw,32px);
  /* Legacy aliases */
  --s1:var(--space-sm); --s2:var(--space-md); --s4:var(--space-lg); --s5:var(--space-xl);
  /* Container */
  --container-max:1360px;
  --container-padding:clamp(16px,3vw,50px);
  /* Shape */
  --radius-sm:8px; --radius-md:12px; --radius-lg:16px;
  /* Shadows */
  --shadow-sm:0 1px 3px rgb(0 0 0 / 6%);
  --shadow-md:0 2px 8px rgb(0 0 0 / 8%);
  --shadow-lg:0 4px 16px rgb(0 0 0 / 10%);
  --shadow-hover:0 8px 24px rgb(0 0 0 / 12%);
  --shadow-soft:0 2px 8px rgb(0 0 0 / 8%);
  /* Breakpoints (reference) */
  --bp-sm:640px; --bp-md:768px; --bp-lg:1024px; --bp-xl:1280px;
  /* Student Hub spacing */
  --hub-space-xs:8px; --hub-space-sm:12px; --hub-space-md:20px; --hub-space-lg:30px; --hub-space-xl:50px;
  --hub-container:1200px; --hub-padding:clamp(1rem,3vw,2rem);
}