/* Shared by index.html and worksheet.html. Brand tokens from the brand-slides skill:
   almostwhite is the lightest surface, one accent (purple), no shadows or gradients. */
@font-face { font-family:"Noi Grotesk"; font-weight:100 450; font-style:normal; font-display:swap;
  src:url(fonts/NoiGrotesk-Regular.woff2) format("woff2"); }
@font-face { font-family:"Noi Grotesk"; font-weight:451 900; font-style:normal; font-display:swap;
  src:url(fonts/NoiGrotesk-Medium.woff2) format("woff2"); }
:root {
  --dark:#25212C; --almostwhite:#FFFEF5; --cream:#F5F0D6; --mint:#DEEDE7;
  --purple:#673AFF; --lightPurple:#808CF4; --orange:#E9513C;
  --body:#3b3742; --muted:#6b6675; --border:#e6e1d6;
}
* { box-sizing:border-box; margin:0; padding:0; }
html { -webkit-text-size-adjust:100%; }
body { font-family:"Noi Grotesk",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--dark); background:var(--almostwhite); line-height:1.55; font-size:17px; }
h1, h2, h3 { font-weight:500; font-feature-settings:"ss04","ss09"; letter-spacing:-.015em; line-height:1.15; }
a { color:var(--purple); }
b, strong { font-weight:500; }