/* Jeevz brand tokens: the one place the brand's colours, gradient and fonts are set.
   Source: streams/jeevz/brand/tokens.css. Each site gets a copy named jeevz-tokens.css from
   `node streams/jeevz/brand/sync.mjs`. Edit the source, never the copies. */
:root {
  --jz-font-display: 'Cabinet Grotesk', 'Switzer', system-ui, sans-serif;
  --jz-font-body: 'Switzer', system-ui, sans-serif;

  --jz-mint: #7cf7d4;                 /* gradient start */
  --jz-lime: #c6ff5e;                 /* gradient end */
  --jz-gradient: linear-gradient(135deg, var(--jz-mint), var(--jz-lime));
  --jz-on-gradient: #06100c;          /* text and the J on the gradient */

  --jz-ink: #17211d;                  /* text on light */
  --jz-paper: #f4f5f2;                /* light page */
  --jz-forest: #306d55;               /* the wordmark dot and links on light */
  --jz-dot-on-dark: #9be84a;          /* the wordmark dot on dark */
  --jz-graphite: #07090d;             /* dark page */

  --jz-radius-mark: 27.5%;            /* the mark's corner: 11 of 40 */
}