/* Direction: Tallybook — cream ledger paper, bottle-green ink, a serif display */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  --canvas: #f6f1e6;
  --surface: #fffdf7;
  --surface-2: #eae6db;
  --border: #ddd4be;
  --border-strong: #adada4;
  --ink: #1c2a23;
  --muted: #5d6a62;
  --accent: #1f5c46;
  --accent-hover: #1a4e3c;
  --accent-ink: #ffffff;
  --accent-text: #1a5340;
  --accent-strong: #1f5c46;
  --accent-soft: #e0ece4;
  --accent-border: #95ae9e;
  --success: #1d6b3f;
  --success-ink: #ffffff;
  --success-soft: #dce1d2;
  --success-strong: #1d6b3f;
  --warning: #9a5a0b;
  --warning-ink: #ffffff;
  --warning-soft: #ebdfcc;
  --warning-strong: #8e530a;
  --danger: #a82a2a;
  --danger-ink: #ffffff;
  --danger-soft: #edd9cf;
  --danger-strong: #a82a2a;
  --chart-1: #1f5c46;
  --chart-2: #157391;
  --chart-3: #493e8f;
  --chart-4: #953f73;
  --chart-5: #7c350c;
  --chart-6: #6e6913;

  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --display-weight: 600;
  --display-tracking: -0.025em;
  --radius-card: 12px;
  --radius-btn: 8px;
  --radius-input: 8px;
  --x-band: #16382b;
  --x-on-photo: #fbf7ec;
  --font-sans: "Inter", system-ui, sans-serif;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="dark"] {
  --canvas: #040d0a;
  --surface: #1d2523;
  --surface-2: #111916;
  --border: #272f2c;
  --border-strong: #4f5654;
  --ink: #f6f1e6;
  --muted: #95968e;
  --accent: #1f5c46;
  --accent-hover: #417462;
  --accent-ink: #ffffff;
  --accent-text: #6b9386;
  --accent-strong: #6b9386;
  --accent-soft: #0a1e17;
  --accent-border: #103125;
  --success: #1d6b3f;
  --success-ink: #ffffff;
  --success-soft: #0a2216;
  --success-strong: #5d9575;
  --warning: #9a5a0b;
  --warning-ink: #ffffff;
  --warning-soft: #251e0a;
  --warning-strong: #b07e41;
  --danger: #a82a2a;
  --danger-ink: #ffffff;
  --danger-soft: #281311;
  --danger-strong: #c57272;
  --chart-1: #3e7962;
  --chart-2: #2193b8;
  --chart-3: #7b72ca;
  --chart-4: #b65d90;
  --chart-5: #be6436;
  --chart-6: #8d8700;
}

.num { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.ledger-band {
  background-color: var(--x-band);
  background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 35px, color-mix(in srgb, var(--x-on-photo) 7%, transparent) 35px, color-mix(in srgb, var(--x-on-photo) 7%, transparent) 36px);
}
.bar-fill { transform-origin: left; animation: bar-grow 700ms cubic-bezier(0.2, 0.7, 0.2, 1) both; }
@keyframes bar-grow { from { transform: scaleX(0.05); } to { transform: scaleX(1); } }
html.reduced-motion .bar-fill { animation: none; }
@media print {
  header, .no-print, #toasts { display: none !important; }
  body { background: #fff; }
}