/* The site's palette, in one place.
 *
 * These values have to agree across every page — the menus and the terms page
 * are separate files, and a colour written twice is a colour that drifts. They
 * are named for what they are for, not for what they look like, so a change of
 * accent is one edit here rather than a hunt through two documents.
 *
 * scripts/check_publish_surface.mjs asserts that every file a page references
 * exists inside public/, so a page that loses this stylesheet fails the build
 * rather than quietly rendering without it.
 */
:root {
  --bg: #FBDCBE;
  --surface: #FFF3E6;
  --text: #2E2118;
  --muted: #6B5546;
  --accent: #BC560A;
  --accent-hover: #A94D08;
  /* The accent as TEXT. --accent-hover reads at 4.29:1 on --bg, under the 4.5:1
     the guidelines ask for body text; this is the same terracotta taken down
     until it clears 4.5:1 on all three grounds (bg 5.10, surface 6.10,
     section 4.55). Fills and hover states keep --accent / --accent-hover. */
  --accent-text: #96450A;
  --border: #EFD3B6;
  --section: #F9CE9B;
  --allergen: #A03A20;
  --source: #8A4A22;
  --source-bg: #F8E2CD;
  /* The outline of a day button that is not today. Warmer and stronger than
     --border, because these are the site's primary control and a hairline is
     lost against a tinted page. */
  --day-outline: #E9A96B;
  /* Text sitting on a --section tint: darker than --source, which is read on
     the much paler --source-bg. */
  --section-text: #6E3D18;
  /* The rating stars. Unlit is a tint of the page rather than a grey, so an
     empty row reads as part of the card instead of a disabled control. */
  --star-lit: #ffb300;
  --star-unlit: #E3CDB6;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}