/* The palette, the type and the two column widths. THE ONLY FILE THAT DIFFERS
   BETWEEN SITES.

   site.css is copied byte for byte from one affiliate site to the next; this is
   where a new one becomes itself. Swapping these tokens changes every button,
   link, star, badge, pinned card and search highlight at once, which is the
   point: a literal colour anywhere in site.css is a colour that would stay
   WeKnowRice's on a site that is not WeKnowRice.

   tools/check_brand_tokens.php fails the build if one appears there.

   Site: weknowrice.com
*/
/* We Know Rice — the design system.
   One file, cached a year, versioned from its mtime by asset().

   LIGHT ONLY, deliberately. The site had a prefers-color-scheme dark palette
   that I never once looked at in a light browser, and it shipped looking like a
   default theme. A second palette nobody checks is worse than no second palette.

   No webfont: the system stack is a request and ~50 KB the reader does not wait
   for, and on a site judged by how fast a buy button appears that is the trade. */

:root {
  color-scheme: light;

  --bg:         #f7f5f1;   /* warm paper */
  --surface:    #ffffff;
  --surface-2:  #fbfaf8;
  --ink:        #1b1815;
  --ink-soft:   #625b53;
  --ink-faint:  #8b827a;
  --line:       #e6e1d8;
  --line-soft:  #f0ece5;

  --brand:      #9d4318;   /* toasted grain, for headings and links */
  --brand-soft: #fdf3ec;
  --cta:        #e2661a;   /* the only orange on the site, reserved for buying */
  --cta-dark:   #c4540f;
  --star:       #f0a92b;
  --star-empty: #dcd6cc;

  /* The pinned top pick's dark ground and the marks on a search hit. Tokens
     because they are TINTED, not neutral: left as literals they would stay warm
     brown on a site whose brand is blue, which is the whole failure mode this
     file exists to avoid. */
  --pin-1:      #2a211a;
  --pin-2:      #3d2c1e;
  --pin-3:      #4a3120;
  --pin-line:   #4a3a2a;
  --pin-ink:    #f6efe6;
  --pin-soft:   #cbbcab;
  --pin-kick:   #f0a973;
  --pin-hover:  #ffd9b8;
  --mark:       #fdeecd;
  --scrim:      rgba(20,16,12,.82);   /* the lightbox backdrop: warm, not neutral black */
  --bad-bg:     #fdeceb;
  --bad-ink:    #8a2222;
  --good:       #2c7a45;
  --bad:        #b03232;

  --radius:     14px;
  --radius-sm:  9px;
  --wrap:       1250px;   /* masthead and footer */
  --content:    1000px;   /* 80% of it: the reading column (Dean, 2026-09-05) */
  --shadow:     0 1px 2px rgba(27,24,21,.05), 0 6px 20px rgba(27,24,21,.06);
  --shadow-lg:  0 2px 4px rgba(27,24,21,.06), 0 14px 40px rgba(27,24,21,.10);
}