/* Proativa palette — taken from the logo (assets/logo.png): deep teal of
   "PRO" (#003848) for the dark surfaces, and for the accent the logo's
   green with a touch of blue, the teal-green of the middle tiles (#089860,
   hue ~157°) rather than the pure green of "ATIVA" (#00A048, ~147°).
   Same token roles as style.css; only the values change, so --orange now
   holds the brand green. Contrast (WCAG):
     white on --char 12.7 · --orange on --char 5.0 (kickers, big numbers)
     --ink on --orange 5.9 (CTA, selected) · --ink on --orange-hover 5.1
     --orange-ink on white 7.0 / on --grey 6.3 · --orange-deep on white 4.7
     --mute on white 6.2 · --mute-d on --char 6.8 · --ink on white 15.0
   The tile green itself is too dark for small text on the teal, so
   --orange is the same hue a step lighter. */
:root {
  --char: #063845;
  --char-2: #0b4655;
  --char-line: #1f5361;
  --black: #03252f;
  --ink: #0e2a33;
  --orange: #22b884;
  --orange-hover: #19ab76;
  --orange-deep: #008559;
  --orange-ink: #006647;
  --mute: #4f646b;
  --mute-d: #a8c2c9;
}