/* Mindful Home Cleaning: brand tokens, from the brand guide
   (~/claude-code/mindful-logo/brand-guide.html). Palette approved 2026-10-22,
   logo and fonts 2026-10-29. Single light theme: the colors must render as
   specified. Sage, Soft Terracotta and the yellows are never text on light
   backgrounds. */
:root {
  --sand: #F3EBE1;            /* main background, ~55% */
  --sky: #E4EDF2;             /* secondary background, ~10% */
  --sage: #8A9A86;            /* lead color, ~25% (shapes, blocks) */
  --deep-sage: #5A6C5A;       /* bands, links, small text */
  --navy: #2E3A4A;            /* text, footer, ~7% */
  --terracotta: #D28B72;      /* accent, ~3% */
  --deep-terracotta: #A85A40; /* buttons, with white text */
  --warm-white: #FAF6EF;      /* text on Deep Sage and Navy */
  --honey: #F2BE48;           /* logo only */
  --pale-yellow: #F8DC98;     /* logo and accents only */
  --muted: #55616F;           /* secondary text on light backgrounds */
  --rule: #DCD2C4;            /* hairlines on Sand */

  --display: "Bricolage Grotesque", "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  --body: "Figtree", "Avenir Next", "Helvetica Neue", Arial, sans-serif;

  color-scheme: light;
}