/*
 * DoneByLunch — canonical brand palette (CSS custom properties).
 * Single source of truth for app/index.html, which uses vanilla CSS rather
 * than Tailwind. Values must stay identical to brand-tokens.js. See
 * BRANDING.md for usage rules.
 */
:root {
  --ink:    #FFFFFF; /* page background */
  --ink2:   #FFFFFF; /* card background */
  --ink3:   #FBF6E9; /* secondary surface (warm tint) */
  --amber:  #FFD23F; /* accent fill — buttons/highlights, pair with dark text */
  --amberd: #8A6D0B; /* accent text — labels/links on light backgrounds */
  --amberl: #E9B71B; /* accent hover/mid-tone */
  --near:   #161616; /* primary text + dark surfaces */
  --near-hover: #2a2a2a; /* hover shade for near-colored buttons */
  --line:   #E4E4E4; /* borders */
  --soft:   #F7F3E6; /* badge/chip background */
  --muted:  #666666; /* secondary text */
  --butter: #FFF3C4; /* legacy tint, kept for compatibility */
}