/* The science app's palette — the ONE place it is defined.
 *
 * These lived inside movie.css, on `.hdwk`. Twenty templates use that class;
 * only eleven load movie.css. The other nine — the library, the printable
 * paper, the homework builder among them — were writing `var(--radius)`,
 * `var(--soft)` and `var(--amber)` against nothing: the declarations were
 * invalid and simply dropped, so rounded corners came out square, soft
 * backgrounds came out transparent, and the amber accents were never there
 * at all. That is a large part of why those pages read as flat and cheap
 * next to the story pages.
 *
 * `--teal` made it worse rather than absent: theme.css defines one globally
 * at #12B5A6, so those pages silently got the LIGHTER teal — the one the
 * comment below says fails WCAG AA for text — for their headings.
 *
 * Load this on every page that uses `.hdwk`, BEFORE the page's own
 * stylesheet. science/tests_science_tokens.py checks that every template
 * which uses the class actually does.
 */
.hdwk {
  /* --teal is the deep foreground: text, titles, interactive elements —
     pinned explicitly (not aliased to --color-primary) because that theme
     token resolves to the lighter #14b8a6, which fails WCAG AA for text.
     --teal2 stays at the mid brand teal for borders / large decorative
     fills ONLY — never body text, never white text on top of it. */
  --teal:       #0f766e;
  --teal2:      #14b8a6;
  --cyan:       var(--color-info,          #06b6d4);
  --amber:      var(--color-warning,       #d97706);
  /* --gold intentionally not redeclared here: inherits the shared house-style
     --gold token from :root (static/css/core/theme.css), which is the same
     #FFB020 value this file used to hardcode. Redeclaring --gold: var(--gold, …)
     on this same selector would be a self-referential CSS custom-property cycle. */
  --gold-soft:  #fff3de;
  --gold-line:  #ffdd9e;
  --gold-ink:   #b8790a;
  --accent:     var(--tangerine, #FF6B4A);  /* warm tangerine accent — the "a person asked this" / chase-a-question colour; house-style token */
  --accent-soft:#fff6f4;
  --accent-line:#ffdad2;
  --ink:        var(--color-text,          #1e293b);
  --muted:      var(--color-text-muted,    #5b7c84);
  --soft:       #f0fdfa;
  --line:       var(--color-border,        #d8e6e3);
  --paper:      #ffffff;

  --font-display: var(--jm-font-display, "Bricolage Grotesque", Georgia, "Times New Roman", serif);
  --font-body:    var(--jm-font-body, "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
  --font-mono:    var(--jm-font-mono, "Space Mono", ui-monospace, Menlo, monospace);

  /* IB-blue — used for the "the maths behind this" cross-link into JMaths.
     Was referenced but never defined; pinned here so .mathslink isn't
     silently falling back to inherited/`currentColor`. */
  --ib-blue:    #0F4C81;

  --radius: 16px;
}