/* HomeKept — theme tokens · "Kept" identity (R0.4)
   Feeling: steady, warm, caretaking — a lived-in craftsman home.
   Pine + brass on warm plaster; clay/amber semantics. Full light + dark,
   all text/background pairs meet WCAG AA. */

:root {
  /* Type — Kept pairing (moved off Fraunces/Hanken) */
  --font-display: "Spectral", Georgia, "Times New Roman", serif;
  --font-body: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ---- Light ---- */
  --bg:         #F3EEE4;  /* warm plaster */
  --bg-2:       #EAE3D5;
  --surface:    #FCFAF4;
  --surface-2:  #F1EADD;
  --ink:        #221E18;  /* walnut — 13:1 on bg */
  --ink-2:      #4A4034;
  --muted:      #6E6555;  /* AA on bg */
  --border:     #E0D7C5;
  --border-2:   #CFC3AC;

  --accent:        #2C5545;  /* pine (primary) */
  --accent-deep:   #21473A;  /* white text 8.3:1 */
  --accent-soft:   #E2EAE2;
  --accent-ink:    #234537;  /* pine text on light */

  --due-soon:      #C8862E;  /* amber */
  --due-soon-deep: #8E5E12;  /* AA text */
  --due-soon-soft: #FaF0DB;
  --overdue:       #B4472D;  /* clay */
  --overdue-deep:  #9A3B24;  /* AA text/button */
  --overdue-soft:  #F6E2DA;
  --ok:            #2C5545;  /* pine */

  --brass:         #B07D1E;
  --brass-deep:    #8A6012;
  --brass-soft:    #F3E7CC;

  --on-accent:  #FFFFFF;
  --focus:      #B07D1E;     /* brass focus ring */
  --shadow:     0 1px 2px rgba(34,30,24,.06), 0 10px 30px -16px rgba(34,30,24,.22);
  --shadow-lg:  0 8px 40px rgba(34,30,24,.18);

  --radius:    10px;
  --radius-sm: 8px;
  --radius-lg: 18px;
  --tap: 44px;
  --maxw: 1080px;

  /* ledger-rule texture (maintenance log motif) */
  --ledger: repeating-linear-gradient(to bottom, transparent 0, transparent 37px,
            color-mix(in srgb, var(--border) 45%, transparent) 37px,
            color-mix(in srgb, var(--border) 45%, transparent) 38px);

  color-scheme: light;
}

/* ---- Dark ---- (warm charcoal; pine/brass/clay lifted for contrast) */
:root:not([data-theme="light"]) {
  @media (prefers-color-scheme: dark) {
    --bg:         #15120D;
    --bg-2:       #1B1710;
    --surface:    #1E1A14;
    --surface-2:  #261F16;
    --ink:        #F2ECDE;
    --ink-2:      #D6CDBA;
    --muted:      #A99E88;
    --border:     #322A1F;
    --border-2:   #453B2C;

    --accent:        #7FB79C;
    --accent-deep:   #6AA588;
    --accent-soft:   #1C2C24;
    --accent-ink:    #A9D2BC;

    --due-soon:      #E2A857;
    --due-soon-deep: #ECB86F;
    --due-soon-soft: #2E2514;
    --overdue:       #E07B5F;
    --overdue-deep:  #ED8E75;
    --overdue-soft:  #311C16;
    --ok:            #7FB79C;

    --brass:         #DDB15B;
    --brass-deep:    #E6C06F;
    --brass-soft:    #2C2413;

    --on-accent:  #11231A;
    --focus:      #DDB15B;
    --shadow:     0 1px 2px rgba(0,0,0,.4), 0 12px 32px -18px rgba(0,0,0,.7);
    --shadow-lg:  0 8px 40px rgba(0,0,0,.6);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg:         #15120D;
  --bg-2:       #1B1710;
  --surface:    #1E1A14;
  --surface-2:  #261F16;
  --ink:        #F2ECDE;
  --ink-2:      #D6CDBA;
  --muted:      #A99E88;
  --border:     #322A1F;
  --border-2:   #453B2C;

  --accent:        #7FB79C;
  --accent-deep:   #6AA588;
  --accent-soft:   #1C2C24;
  --accent-ink:    #A9D2BC;

  --due-soon:      #E2A857;
  --due-soon-deep: #ECB86F;
  --due-soon-soft: #2E2514;
  --overdue:       #E07B5F;
  --overdue-deep:  #ED8E75;
  --overdue-soft:  #311C16;
  --ok:            #7FB79C;

  --brass:         #DDB15B;
  --brass-deep:    #E6C06F;
  --brass-soft:    #2C2413;

  --on-accent:  #11231A;
  --focus:      #DDB15B;
  --shadow:     0 1px 2px rgba(0,0,0,.4), 0 12px 32px -18px rgba(0,0,0,.7);
  --shadow-lg:  0 8px 40px rgba(0,0,0,.6);
  color-scheme: dark;
}

/* Large-text option (senior-friendly / Easy View) */
:root[data-text="lg"] { font-size: 19px; }
:root[data-text="xl"] { font-size: 22px; }