/* CedarLearn brand tokens: colors, type, radii, shadow, and the diagram (--sg-*) palette.
   Tokens only: no element selectors and no dark-mode block. Pages load this file before their own CSS.

   Fonts (self-hosted from /fonts/, never from Google; rebuild with tools/fonts_fetch.py):
   - Inter 4.1, InterVariable.woff2 from https://github.com/rsms/inter/releases/tag/v4.1
     (c) The Inter Project Authors. SIL Open Font License 1.1, see /fonts/OFL-Inter.txt.
   - Nunito Sans, googlefonts/NunitoSans commit 058bd7a2f33d6ad5ef1df985b3db403622016a8c,
     instanced to wght 600-800 (wdth 100, opsz 12, YTLC 500) and compressed to woff2.
     (c) The Nunito Sans Project Authors. SIL Open Font License 1.1, see /fonts/OFL-NunitoSans.txt. */

@font-face {
  font-family: "Inter";
  src: url("/fonts/InterVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Nunito Sans";
  src: url("/fonts/NunitoSans-wght.woff2") format("woff2");
  font-weight: 600 800;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Brand colors */
  --cl-navy: #0B4A78;
  --cl-green: #1E7F3E;
  --cl-green-deep: #155D2E;
  --cl-sage: #C9DCC7;
  --cl-sage-light: #EAF3E9;
  --cl-cream: #FDF8F1;
  --cl-stone: #F3F4F6;
  --cl-sky: #D7EAF7;
  --cl-sky-light: #EEF5FB;
  --cl-text: #12304C;
  --cl-muted: #5C6B7A;
  --cl-line: #E5E7EB;
  --cl-line-strong: #7C8B98;
  --cl-amber: #9A5B00;
  --cl-amber-wash: #FFF4E0;
  --cl-sun: #F5B700;
  --cl-white: #FFFFFF;

  /* Type */
  --cl-font-head: "Nunito Sans", system-ui, sans-serif;
  --cl-font-body: Inter, system-ui, sans-serif;

  /* Shape */
  --cl-radius-sm: 8px;
  --cl-radius-md: 12px;
  --cl-radius-lg: 16px;
  --cl-radius-xl: 24px;
  --cl-shadow: 0 2px 8px rgba(11,74,120,0.06);

  /* Lesson diagram palette */
  --sg-ink: #12304C;
  --sg-muted: #5C6B7A;
  --sg-leaf: #1E7F3E;
  --sg-leaf-dark: #155D2E;
  --sg-stroma: #EAF3E9;
  --sg-lumen: #D7EAF7;
  --sg-paper: #FFFFFF;
  --sg-navy: #0B4A78;
  --sg-sky-light: #EEF5FB;
  --sg-sage: #C9DCC7;
  --sg-amber: #9A5B00;
  --sg-amber-wash: #FFF4E0;
}