/* Design tokens, based on reference/16-bauhaus.html. The colour weighting is
   changed to blue-led, yellow-supporting, red-as-accent: large areas of red
   read as warnings and 催收 in a lending context, while blue carries the
   sense of financial trust.

   Contrast against --paper (#FBFAF7), measured:
     --ink      17.65:1   any text
     --dim       6.21:1   any text
     --blue      7.37:1   any text; white on --blue is 7.69:1
     --yellow             never carries text; --ink on --yellow is 11.30:1
     --red       4.21:1   ACCENT ONLY. Fails AA for body text.
     --red-dk    4.56:1   use this when red must carry normal-size text.

   Rule: --red is for the logo dot, focus outlines, section marks and large
   display figures. It never sits behind or in front of body copy. */
:root {
  --paper: #FBFAF7;
  --ink: #141414;
  --dim: #5E5E5E;
  --line: #141414;

  --blue: #1B4FA8;      /* primary: CTA, hero block, section mark */
  --blue-dk: #143A7B;   /* CTA active state */
  --yellow: #F5C518;    /* supporting: highlight fill, tags, secondary blocks */
  --red: #E2352B;       /* accent: logo dot, focus outline, large figures */
  --red-dk: #DD291E;    /* the one red that may carry normal-size text */

  --sans: "Noto Sans TC", system-ui, sans-serif;
  --geo: "Space Grotesk", "Noto Sans TC", sans-serif;

  --border: 3px;
  --wrap: 1120px;
}