:root {
  --bg:        #2C1810; /* deep dark brown, app background */
  --parchment: #F5E6C8; /* warm parchment, primary surfaces */
  --gold:      #B8860B; /* accent: active states, buttons, highlights */
  --ink:       #2C1810; /* text on parchment */
  --ink-soft:  #5A4632; /* secondary text on parchment */
  --amber-border: #8a6d3b;
  --danger:    #8B2E2E; /* delete / error */
  --ok:        #3B7A3B; /* success / done */
  --font-head: Georgia, "Times New Roman", serif; /* headers */
  --font-body: -apple-system, system-ui, sans-serif; /* inputs/body */
  --tap-min:   48px;   /* min tap target */
  --radius:    10px;
  --shadow:    0 2px 6px rgba(0,0,0,0.35);
}
[data-theme="light"] {
  --bg: #EDD9AE; --parchment: #FFF8EC; --ink: #2C1810; --ink-soft: #5A4632;
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: var(--bg); color: var(--parchment);
  font-family: var(--font-body); -webkit-text-size-adjust: 100%; }
h1, h2, h3, .screen-title { font-family: var(--font-head); color: var(--gold); }
button { min-height: var(--tap-min); font-family: var(--font-body); cursor: pointer; }