/* YBN design tokens (Main colorway). Every colour in the UI comes from these variables.
   Shared with /studio and /platform (run `node tools/sync-shared.mjs` from the repo root to copy). */

@font-face{font-family:"Bricolage Grotesque";font-weight:800;font-style:normal;font-display:swap;
  src:url("../assets/fonts/bricolage-800.woff2") format("woff2")}
@font-face{font-family:"Instrument Sans";font-weight:400 700;font-style:normal;font-display:swap;
  src:url("../assets/fonts/instrument-sans.woff2") format("woff2")}

:root{
  --font-display:"Bricolage Grotesque","Arial Black",system-ui,sans-serif;
  --font-body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}

:root{
  --bg:#ffffff;
  --surface:#e9f1f9;        /* tint of --secondary */
  --text:#204467;           /* navy: body text */
  --text-muted:#4a6580;     /* navy lightened, same hue */
  --secondary:#0861b8;      /* blue: fills and shapes */
  --accent:#ff8d29;         /* orange: fills, shapes, rules, large display only */
  --on-secondary:#ffffff;
  --on-accent:#101624;      /* deep navy: navy #204467 on orange is only ~4:1 */

}

/* Derived, not new colours */
:root{
  --line:color-mix(in srgb,var(--text) 22%,transparent);
  --shade:color-mix(in srgb,var(--text) 45%,transparent);
  --paper:#ffffff;          /* constant: backing for third-party logos */
  /* snapshot of the page tokens, so a school page can blend against them without a self-reference cycle */
  --theme-secondary:var(--secondary);
  --theme-accent:var(--accent);
}