/* The Catch Up Academy.
   Sampled pixel-for-pixel from the supplied artwork, not eyeballed:
   violet #31006c is the logo's own background field, magenta #e80089 is
   "Catch", teal #22d0c4 is "up" and the arrow. */
:root{
  --brand-violet:#31006c;   /* "The" / "Academy", and the logo field */
  --brand-magenta:#e80089;  /* "Catch" */
  --brand-teal:#22d0c4;     /* "up" and the arrow */

  --ink:#31006c;
  --muted:#6b6280;
  --line:#e6e2ef;
  --bg:#f7f5fa;
  --card:#ffffff;

  --ok-bg:#e4faf8; --ok-ink:#0a7d74; --ok-line:#a9e9e3;
  --no-bg:#fdeaf3; --no-ink:#b3006a; --no-line:#f7c0dd;
  --warn-bg:#fff6e6; --warn-ink:#8a5a00; --warn-line:#f0dcb4;
}