/* Keepsake (direction A) design tokens: one shared file for the couple's app and, later, the website's dashboard.
   Owner, 5 Nov 2026: "Yes, build it" to the Home hub as drawn (output/app-revamp/tf8-directions/HUB-390.png).
   Light only. Every text colour here reaches 4.5:1 on --ks-bg, --ks-card, --ks-bar and --ks-seg (checked 5 Nov).
   Only custom properties: a page opts in by reading them (the app maps its --ap-* names onto these). */
:root{
  /* surfaces */
  --ks-bg:#F5F0E6;          /* page */
  --ks-card:#FFFDF8;        /* cards and grouped lists */
  --ks-seg:#E9E1D2;         /* segmented control track, progress track */
  --ks-bar:rgba(248,244,236,.88);   /* bottom bar and section header glass */
  --ks-hair:#E3DACA;        /* hairlines and card edges */
  /* text */
  --ks-ink:#1F1B15;         /* 15:1 on page */
  --ks-ink2:#3B342A;
  --ks-mut:#6B6255;         /* secondary text; 4.6:1 on the segment track, 5.3:1 on page */
  /* accent and states */
  --ks-pri:#8A5A12;         /* main buttons, links, active progress; white on it 5.9:1 */
  --ks-pri-soft:#F3E7D2;
  --ks-yes:#2F6B45;
  --ks-no:#A2453A;
  /* type */
  --ks-serif:'Occasi Serif','Cormorant Garamond',Georgia,serif;
  --ks-sans:'Occasi Sans','DM Sans',Arial,sans-serif;
  /* shape */
  --ks-r-card:20px;
  --ks-r-list:16px;
  --ks-r-pill:26px;
  --ks-shadow-card:0 1px 0 rgba(60,40,10,.05),0 0 0 .5px var(--ks-hair);
  /* motion: the bottom bar's buttons cross-fade when the section changes; none under Reduce Motion */
  --ks-fade:.25s;
}
@media (prefers-reduced-motion:reduce){:root{--ks-fade:0s}}