/* Owner Pulse shared theme tokens. Loaded before each page's own <style> (see theme.js for the wiring).
 * Dark is the original look: pages keep their own :root values; this file only ADDS helper tokens whose dark
 * values equal what the pages used before, plus the light values of the shared token family
 * (--bg --bg2 --card --card2 --line --lime ... used by most owner pages). A page with other names, or other
 * needs, adds its own :root[data-theme="light"]{...} block after this file.
 *
 * Light rules of thumb: warm off-white page, white cards, dark green-black ink. --lime becomes a dark green for
 * TEXT and thin lines (>=4.5:1 on every light surface); bright brand lime stays for FILLS via --lime-fill, with
 * --on-lime (dark) text on it. Contrast ratios are in the commit message / report.
 */
:root{
  --lime-fill:#C9F36F; --on-lime:#0e1710;
  --hover:rgba(255,255,255,.05); --hover-2:rgba(255,255,255,.08); --hairline:rgba(255,255,255,.08);
  --shadow-sm:0 6px 20px rgba(0,0,0,.35); --shadow:0 12px 40px rgba(0,0,0,.5);
  --scrim:rgba(0,0,0,.6);
  --chart-1:#7BC730; --chart-2:#C9F36F; --chart-grid:rgba(255,255,255,.08);
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#F4F3EC; --bg2:#ECEBE2; --card:#FFFFFF; --card2:#F7F6F0; --line:#DEDCD0; --line-2:#CFCDBF;
  --lime:#3F6B12; --lime-dim:#44711A; --lime-3:#5E8A2A; --lime-4:#9DBF6A;
  --lime-fill:#C9F36F; --on-lime:#0e1710;
  --ink:#15201A; --ink2:#46544B; --ink3:#5F6D64; --muted:#5F6D64; --faint:#6B776F;
  --good:#18794A; --warn:#8A5A00; --off:#6B776F; --bad:#B03A22; --red:#B03A22; --blue:#2A5FA8; --green:#3F7A12; --teal:#1C7A66;
  --hover:rgba(21,32,26,.05); --hover-2:rgba(21,32,26,.08); --hairline:rgba(21,32,26,.10);
  --shadow-sm:0 4px 14px rgba(40,50,30,.12); --shadow:0 12px 36px rgba(40,50,30,.16);
  --scrim:rgba(20,28,22,.38);
  --chart-1:#3F7A12; --chart-2:#8DBA2E; --chart-grid:rgba(21,32,26,.10);
}

/* the switch: a small round icon button that inherits the header's colours */
.pt-theme-btn{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;margin:0;flex:none;
  border-radius:99px;border:1px solid var(--line,rgba(127,127,127,.35));background:transparent;color:inherit;cursor:pointer;
  font:inherit;line-height:0;-webkit-tap-highlight-color:transparent;transition:background-color .15s,border-color .15s}
.pt-theme-btn:hover{background:var(--hover)}
.pt-theme-btn:focus-visible{outline:2px solid var(--lime,#C9F36F);outline-offset:2px}
.pt-theme-btn svg{display:block;width:17px;height:17px}