/* DaVinci School brand tokens — the /new palette.
   One file for the main site, /new and later the app. Change a colour here, it changes everywhere.
   Core palette = exactly what /new uses. "Readable" shades are darker/lighter steps of the same hues,
   measured so text passes 4.5:1 (WCAG AA) on the grounds it actually sits on. */
:root{
  /* core palette (from /new) */
  --ivory:#F2E8D5; --ink:#171A1F; --turquoise:#2FAFA7; --turquoise-dark:#1F7A73;
  --ultramarine:#3859C7; --bronze:#A97845;
  /* readable steps of the same hues */
  --teal-deep:#134F4A;      /* dark sections, headings — ivory on it 7.7:1 */
  --turquoise-text:#1A6F68; /* accent text/buttons on ivory — 4.9:1 */
  --bronze-light:#D9B489;   /* accents on dark teal — 4.8:1 */
  --ivory-light:#FAF5EC; --ivory-deep:#E6D9C0; --ivory-warm:#EDE1C9;
  --turquoise-soft:#DDEFEC; --ink-muted:#5C5D61; /* muted text on ivory 5.4:1 */

  /* legacy names the site already uses -> new palette */
  --green:var(--teal-deep); --green2:var(--turquoise-dark);
  --gold:var(--turquoise-text); --gold-light:var(--bronze-light);
  --cream:var(--ivory); --warm-white:var(--ivory-light); --charcoal:var(--ink);
  --muted:var(--ink-muted); --sand:var(--ivory-deep); --soft-green:var(--turquoise-soft);
  --cream-warm:var(--ivory-warm);
}
/* hover states that flip to the light bronze need dark text, or they drop to ~1.9:1 */
.btn--filled:hover,.btn--gold:hover,.btn-submit:hover{color:var(--ink)!important}