/* Brand tokens. This is the only stylesheet a new brand changes.
   The layout in store.css reads every colour, font and radius from here. */
:root {
  --font: Montserrat, Arial, sans-serif;

  --ink: #23150F;          /* body text */
  --muted: #7A6558;        /* secondary text */
  --line: #E6DCD2;         /* borders and dividers */
  --bg: #FAF6F1;           /* page background behind cards */
  --card: #FFFFFF;         /* cards, panels */

  --primary: #4E2A17;      /* buttons, active states, dark bands */
  --primary-ink: #FFFFFF;  /* text on primary */
  --accent: #C6333C;       /* prices, sale, highlight buttons */
  --highlight: #FDE20F;    /* active nav underline on dark */
  --soft-1: #F2E5DA;       /* light band A (Dishie sage) */
  --soft-2: #F9E7D6;       /* light band B (Dishie light blue) */
  --soft-3: #FEFBED;       /* light band C */
  --tag: #AB614A;          /* hero pill */

  --header-bg: #F2E5DA;    /* solid header on inner pages */
  --header-ink: #23150F;
  --header-dark: #241C18;  /* home header once scrolled */
  --checkout-bg: #4E2A17;  /* distraction-free checkout header */
  --footer-outer: #2A221E;
  --footer-panel: #160E0B;

  --radius: 10px;
  --radius-lg: 12px;
  --wrap: 1290px;
}