/* Fonts are served from this site, not from Google. A sweep of seven British food brands found
   that all seven self-host, and that a fonts.googleapis.com link is itself the tell that a page
   was assembled from a template. Both faces are Open Font Licence, so hosting them here is
   allowed. Latin subsets, variable, 77 KB and 48 KB. */
@font-face{
  font-family:'Bricolage Grotesque';
  src:url('fonts/bricolage-grotesque.woff2') format('woff2');
  font-weight:200 800;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Inter';
  src:url('fonts/inter.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}

/* Indy's — design tokens. Every colour, size and space on the site comes from here.

   Patrick's brand sheet gives two colours: #214E34 and #F7F5F1. Deep green on cream is also the
   uniform of this whole category — a sweep of fourteen competitors found our exact scheme on a
   rival page, described as "clean and forgettable". So the two brand colours stay and one acid
   accent joins them, used only on things you can click or measure. That is the Graza and
   Sweetgreen move, and it is what stops a green page reading as institutional. */
:root{
  --ink:#12251A;            /* body text, borders, hard shadows */
  --ink-soft:#4A5B50;       /* secondary text */
  --green:#214E34;          /* brand: headings, dark panels, the wordmark */
  --green-deep:#16341F;
  --green-soft:#E3EBE3;     /* tinted panel on cream */
  --cream:#F7F5F1;          /* brand ground */
  --cream-warm:#F2ECDF;     /* alternating band, card interiors */
  --paper:#FFFFFF;
  --acid:#CFE84B;           /* action only: buttons, kcal chips, marks */
  --acid-deep:#BCD73A;      /* pressed */
  --clay:#B8481A;           /* eyebrows, one or two rules */
  --line:#D7D0C2;

  --font-display:'Bricolage Grotesque',ui-sans-serif,system-ui,'Segoe UI',sans-serif;
  --font-body:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;

  --step--1:0.8125rem;
  --step-0:1rem;
  --step-1:1.125rem;
  --step-2:1.375rem;
  --step-3:1.75rem;
  --step-4:2.25rem;
  --step-5:2.5rem;

  --sp-1:0.25rem; --sp-2:0.5rem; --sp-3:0.75rem; --sp-4:1rem;
  --sp-5:1.5rem; --sp-6:2rem; --sp-7:3rem; --sp-8:4rem; --sp-9:6rem;

  --radius:0; --radius-sm:0; --radius-pill:999px;   /* square: a printed thing, not a card grid */
  --border:1.5px solid var(--ink);
  --lift:4px 4px 0 var(--ink);      /* the hard shadow; collapses on hover */
  --lift-sm:3px 3px 0 var(--ink);
  --container:1180px;
}
@media (min-width:900px){
  :root{ --step-3:2rem; --step-4:3rem; --step-5:4.25rem; }
}