/* Aivy Classroom — shared fonts and tokens for labs.
   Labs include this with <link rel="stylesheet" href="../shared/aivy.css">.
   Fonts are self-hosted so every lab works offline. */

@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/space-grotesk-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/space-grotesk-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Space Mono';    font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/space-mono-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Space Mono';    font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/space-mono-latin-700-normal.woff2') format('woff2'); }

:root {
  --ink: #141111; --cream: #fffaef; --white: #ffffff; --muted: #f3f3f3; --hint: #5d5d5d;
  --yellow: #ffd440; --yellow-200: #ffe9b9; --pink: #fe7da8;
  --cyan: #27ccf3; --cyan-100: #d7f2fe; --cyan-200: #a9e6fe;
  --lavender: #bbafe6; --purple-100: #efecf9; --purple-200: #dcd7f2;
  --orange: #f8a16f; --orange-100: #fde6de; --lime: #a9d877; --lime-100: #dcfac1;
  --red: #f97264; --stone: #c0b9b1; --stone-200: #ebe7e2;
  --primary: var(--yellow);   /* placeholder until Aivy's brand colour is chosen */
  --accent: var(--pink);
  --sans: 'Space Grotesk', "Helvetica Neue", Arial, sans-serif;
  --mono: 'Space Mono', "SFMono-Regular", Menlo, Consolas, monospace;
  --rule: 2px solid var(--ink);
}