/* Design tokens, taken from the Mini Farm card design.
   A restyle should mostly be a rewrite of this file. */
:root {
  /* palette */
  --bg: #EEFAF0;
  --ink: #134E3A;
  --ink-hover: #0B3427;
  --green: #1B7A4E;
  --surface: #FFFFFF;
  --label: #5B7A6B;
  --chevron: #9DB9A9;
  --divider: #EDF5EF;
  --tile: #E3F6E8;
  --hairline: #D6EADB;

  /* shadow — all keyed to the ink colour, never neutral grey */
  --shadow-pill: 0 4px 14px rgb(19 78 58 / 0.08);
  --shadow-chip: 0 4px 14px rgb(19 78 58 / 0.1);
  --shadow-card: 0 16px 40px rgb(19 78 58 / 0.12);

  /* shape */
  --r-tile: 14px;
  --r-pill: 20px;
  --r-button: 20px;
  --r-card: 26px;
  --r-qr: 28px;

  /* the design is drawn at 390x844; the frame keeps that measure and
     stops growing past it on wider screens */
  --frame: 390px;

  --font: 'Lexend', system-ui, -apple-system, 'Segoe UI', sans-serif;
}