/* Design tokens. Alchemy Drinks brand: hot pink banner, dark ink buttons, gold accent, Cascadia type.
   The pink, gold and logo can be changed per organisation (organisations.brand); see js/shell.js applyBrand. */
@font-face { font-family: "Cascadia Code"; font-weight: 400; font-style: normal; font-display: swap; src: url("cascadia-code-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Cascadia Code"; font-weight: 700; font-style: normal; font-display: swap; src: url("cascadia-code-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 600; font-style: normal; font-display: swap; src: url("barlow-condensed-latin-600-normal.woff2") format("woff2"); }

:root {
  color-scheme: light;

  --brand: #FF0066;
  --brand-ink: #FFFFFF;
  --brand-text: color-mix(in srgb, var(--brand) 82%, black);   /* brand colour for text on white, darkened to stay readable */
  --accent: #A8895B;

  --ink: #2E2E2E;
  --ink-body: #363535;
  --ink-2: #4A4A4A;
  --ink-3: #6A6A6A;
  --paper: #F6F6F6;
  --surface: #FFFFFF;
  --line: #E3E3E3;
  --line-strong: #BDBDBD;

  --overdue: #B3261E;  --overdue-bg: #FCEAE8;
  --soon: #8A5300;     --soon-bg: #FFF1D6;
  --ok: #1D6B45;       --ok-bg: #E3F3EA;
  --quiet: #536073;    --quiet-bg: #EDEDED;
  --info: #1F4F9C;     --info-bg: #E6EEFA;

  --plate: #F7D117;
  --plate-ink: #111111;
  --plate-band: #0A3D91;

  --font-ui: "Cascadia Code", "Cascadia Mono", Consolas, "SFMono-Regular", Menlo, monospace;
  --font-plate: "Barlow Condensed", "Arial Narrow", "Helvetica Neue", sans-serif;

  --radius: 4px;
  --radius-lg: 6px;
  --side-w: 256px;
}