/* Design tokens. Brand colours are taken from the existing Dosti site (css/style.css of the
   Redesigned website) and from the printed Jeera Masala label; see docs/AUDIT.md for provenance. */
:root {
  /* brand */
  --forest-950: #07160f;
  --forest-900: #0d291c;      /* existing --deep */
  --forest-800: #153c27;      /* existing --forest */
  --forest-700: #1e4224;      /* label ink green */
  --lime: #d7e64e;            /* existing --lime */
  --yolk: #e4d842;            /* label DOSTI wordmark yellow */
  --cream: #f5f2e6;           /* existing --cream */
  --ink: #172a1e;             /* existing --ink */
  --muted: #5d6b60;
  --red: #a92b27;             /* existing --red / label "JEERA MASALA" red */
  --orange: #f08a31;          /* existing --orange */
  --ribbon: #c6842a;          /* label ribbon */

  /* product accents (per flavour; also in js/data/products.js) */
  --acc-cola: #e0431f;
  --acc-lemon: #b8d82a;
  --acc-orange: #f59a2a;
  --acc-soda: #5db4e6;
  --acc-jeera: #e4d842;

  --font-display: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
  --font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mark: "Paytone One", "Arial Rounded MT Bold", "Arial Black", sans-serif;

  --gutter: clamp(18px, 4.5vw, 72px);
  --nav-h: 76px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
  --radius: 4px;
}