/* Kept brand tokens. Light/human page surfaces, dark/alive software surfaces.
   ONE brand, two surfaces:
     - Light "human" surface  → the housekeeper app (/app). Warm paper, deep green.
     - Dark "software" surface → the manager back office (/office). Neutral near-black
       (Square UI structure), same Kept green identity, brighter accent for contrast. */
:root{
  --paper:#ECEFE8; --app:#FBFCF9; --card:#FFFFFF;
  --ink:#14201A; --ink-2:#4E5A53; --ink-3:#6B736C;
  --green:#1E6B50; --green-deep:#124535; --green-tint:#E1EDE5; --green-bright:#4ade80;
  --amber:#9A6B18; --amber-tint:#F4E9CF;
  --clay:#AE5629; --clay-deep:#8a4218; --clay-tint:#F1E2D5;
  --navy:#2A4A6B; --navy-tint:#DEE4EC;
  --rule:rgba(20,32,26,.12); --rule-2:rgba(20,32,26,.22);
  --shadow-s:0 1px 2px rgba(20,32,26,.06);
  --shadow-m:0 2px 6px rgba(20,32,26,.06), 0 12px 30px rgba(20,32,26,.08);
  --shadow-l:0 30px 70px rgba(20,32,26,.20);
  --serif:"Iowan Old Style","Palatino Linotype",Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Monaco,Consolas,monospace;

  /* Dark "software" surface — the /office command center (neutral gray, chroma 0). */
  --sf-bg:#0a0a0a; --sf-surf:#141414; --sf-surf-2:#171717; --sf-card:#171717;
  --sf-tile:#232323; --sf-tile-2:#2b2b2b;
  --sf-hair:rgba(255,255,255,.08); --sf-hair-2:rgba(255,255,255,.13); --sf-hair-3:rgba(255,255,255,.20);
  --sf-tx:#fafafa; --sf-tx-mut:#a1a1a1; --sf-tx-dim:#6e6e6e;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
button{font-family:inherit;}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;}}

/* The Kept mark: a K whose lower stroke resolves into a checkmark. */
.kmark{display:inline-flex;align-items:center;justify-content:center;border-radius:22%;background:var(--green);color:#eaf3ed;}