/* Dale Ledger — calm local product
   Soft sea-glass, readable type, no newspaper / blueprint theater. */
:root {
  color-scheme: light;

  /* Surfaces */
  --bg: #eef3f1;
  --surface: #f7faf8;
  --surface-raised: #ffffff;
  --paper: var(--bg);
  --paper-2: #dde6e2;
  --sheet: var(--surface-raised);
  --newsprint: var(--bg);
  --newsprint-deep: var(--paper-2);
  --vignette: #c9d5d0;
  --card: var(--surface-raised);

  /* Ink */
  --ink: #15201c;
  --ink-2: #3a4742;
  --ink-muted: #66756e;
  --faint: #87948e;
  --muted: var(--ink-muted);
  --ivy: var(--ink);
  --ivy-2: #1e2c27;
  --rule: var(--ink);

  /* Accent — sea-glass teal + warm signal for hot data */
  --accent: #0d7377;
  --accent-rgb: 13, 115, 119;
  --accent-hot: #d9480f;
  --accent-soft: rgba(13, 115, 119, 0.1);
  --accent-band: rgba(13, 115, 119, 0.06);
  --claret: var(--accent);
  --claret-soft: var(--accent-soft);
  --claret-band: var(--accent-band);

  /* Data semantics */
  --up: #0f7a5a;
  --down: #c0392b;
  --brass: #b7791f;
  --sage: #e6f0ec;
  --sage-line: #b7cbc3;

  /* Structure */
  --line: #d0dbd6;
  --line-2: #b8c7c0;
  --ios-radius: 12px;
  --ios-shadow: 0 1px 2px rgba(21, 32, 28, 0.05), 0 8px 24px rgba(21, 32, 28, 0.06);
  --card-shadow: 0 1px 3px rgba(21, 32, 28, 0.07);

  --grid-line: transparent;
  --grid-major: transparent;

  /* Town accents */
  --town-scarsdale: #0d7377;
  --town-larchmont: #2a6f97;
  --town-rye: #1a7a5c;
  --town-mamaroneck: #6b5b95;
  --town-mamaroneck-village: #0e7c86;
  --town-ardsley: #3d6b8a;
  --town-dobbs-ferry: #4a7080;
  --town-hastings-on-hudson: #5a6b4a;
  --town-irvington: #8b5340;
  --town-tarrytown: #2f4f6b;
  --town-harrison: #7a5a1f;
  --town-new-castle: #7b3f52;

  /* Type — friendly modern, easy to read */
  --font-display: var(--font-ui);
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
}

/* Shared native type and input behavior across maps, editions and records. */
html{-webkit-text-size-adjust:100%;font-synthesis:none}
input,select,textarea,button{font-family:inherit}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
