/* Copperbrook Digital brand tokens: everything a customer sees (website, portal, emails, documents)
   takes its colours, type and spacing from here. Fonts are system fonts on purpose: fast, no
   third-party requests, nothing to track visitors. Text colours meet WCAG AA on their backgrounds. */
:root {
  --cb-cream: #f7f3ec;      /* page background */
  --cb-paper: #fffdf9;      /* cards, panels */
  --cb-sand: #ece4d6;       /* lines, quiet fills */
  --cb-ink: #1c2b2a;        /* body text (13.9:1 on cream) */
  --cb-ink-soft: #4a5a58;   /* secondary text (6.6:1) */
  --cb-brook: #1f4e4a;      /* deep teal: headers, footer, the mark */
  --cb-brook-soft: #dfeae7; /* teal tint */
  --cb-copper: #b4632e;     /* accent for shapes and icons (not small text) */
  --cb-copper-text: #9a4f1f;/* copper for text and buttons (5.4:1 on cream, white on it 6:1) */
  --cb-copper-soft: #f4e3d5;
  --cb-good: #2f6b3f;
  --cb-bad: #a3352b;

  --cb-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --cb-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --cb-radius: 10px;
  --cb-shadow: 0 1px 2px rgb(28 43 42 / 6%), 0 6px 24px rgb(28 43 42 / 7%);
  --cb-max: 1120px;
}