/* Sherbet's colour tokens (app.css, v1.md), shared by the log, Stats and the landing page (v7.md). Public: the
   landing page loads it without a session. Each page links it before its own stylesheet. */
:root {
  color-scheme: light dark;
  --bg: #ffffff; --ink: #2b2f36; --muted: #656b78; --faint: #bbc0c9; --line: #e4e7ec; --label: #676b74;
  --accent: #3e7f5f; --field: #ffffff; --warn: #b25a1e;
  --p0: #fbfbe0; --p1: #e3f3fd; --p2: #fde6ef; --p3: #e8f7ec; --p4: #f1e9fb; --p5: #fdeede; --p6: #e4f0f0;
  --cue-ink: #636b7a; --grey-ink: #9da3ae;
  --pill: #f3f4f7; --toast-bg: #2b2f36; --toast-ink: #ffffff; --toast-btn: rgba(255, 255, 255, .14); --toast-btn-hover: rgba(255, 255, 255, .22); --menu-bg: #ffffff; --shadow: rgba(20, 22, 25, .16);
  /* Lift history (v15.md): each pastel's strong colour and its darker lip (the selected mark, the chart), the pixel
     frame, how much of that colour a lift's pill and its lip take, the sparkle (assets/source/palette.json spark, yolk,
     seed) and the PR's gold. */
  --k0: #86690a; --k1: #2c6aa8; --k2: #bb3350; --k3: #2f7a52; --k4: #6e4bb0; --k5: #ad521c; --k6: #26746f;
  --k0d: #5f4a05; --k1d: #1d4b7a; --k2d: #87213a; --k3d: #1f5638; --k4d: #4f3384; --k5d: #7c3912; --k6d: #18524f;
  --accent-dk: #24533c; --on-accent: #ffffff; --tile: rgba(43, 47, 54, .05); --warn-soft: rgba(178, 90, 30, .12);
  --px-fill: rgba(43, 47, 54, .08); --px-fill-hover: rgba(43, 47, 54, .14); --px-edge: rgba(43, 47, 54, .3);
  --px-frame: #c9ced6; --px-lip: #9aa1ab;
  --lift-fill: 17%; --lift-fill-hover: 26%; --lift-edge: 62%;
  --spark: #f7a823; --spark-core: #ffcf3a; --spark-seed: #fff3d6;
  --pr-fill: #ffcf3a; --pr-lip: #d18a0c; --pr-ink: #3d2a00; --pr-wash: rgba(255, 207, 58, .5); --pr-edge: rgba(209, 138, 12, .75);
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #141619; --ink: #e6e8ec; --muted: #8a919d; --faint: #555b66; --line: #2a2e35; --label: #9da3ae;
    --accent: #7cc39d; --field: #1c1f24; --warn: #e39a62;
    --p0: #29291b; --p1: #1a2731; --p2: #2f1f27; --p3: #1b2a21; --p4: #261f31; --p5: #2f241b; --p6: #1b2929;
    --cue-ink: #a3aab7; --grey-ink: #737a86;
    --pill: #1e2126; --toast-bg: #e6e8ec; --toast-ink: #141619; --toast-btn: rgba(20, 22, 25, .1); --toast-btn-hover: rgba(20, 22, 25, .16); --menu-bg: #22252b; --shadow: rgba(0, 0, 0, .5);
    --k0: #e3c14a; --k1: #7db4ea; --k2: #f08aa0; --k3: #7cc39d; --k4: #b79ae8; --k5: #f0a070; --k6: #6cc7c2;
    --k0d: #a8882a; --k1d: #4f86bd; --k2d: #b85a70; --k3d: #4f9a72; --k4d: #8a6cc0; --k5d: #b8743f; --k6d: #3f9a95;
    --accent-dk: #3f8a63; --on-accent: #141619; --tile: rgba(230, 232, 236, .06); --warn-soft: rgba(227, 154, 98, .14);
    --px-fill: rgba(230, 232, 236, .11); --px-fill-hover: rgba(230, 232, 236, .18); --px-edge: rgba(0, 0, 0, .55);
    --px-frame: #3a3f47; --px-lip: #1b1c1f;
    --lift-fill: 24%; --lift-fill-hover: 34%; --lift-edge: 70%;
    --spark: #ffcf3a; --spark-core: #fff3d6; --spark-seed: #ffffff;
    --pr-fill: #ffcf3a; --pr-lip: #a86d05; --pr-ink: #2b1d00; --pr-wash: rgba(255, 207, 58, .3); --pr-edge: rgba(255, 207, 58, .7);
  }
}

/* Meals off for this user (accounts.ts meals, page.ts markMeals): the Meals pill and onboarding's meals step aren't there. */
html[data-meals="off"] [data-meals-only] { display: none !important; }