/* Shared automatic theme. Keep light-mode values identical to the original site.
   CSS media queries also respond to system changes without a reload or script. */
:root{
  color-scheme:light dark;
  --surface:#fff;
  --surface-muted:#f6f5f3;
  --accent-surface:#fff8f1;
  --accent-border:color-mix(in srgb,#ea580c 26%,#fff);
  --button-bg:#c2410c;
  --button-hover:#a6370a;
  --button-ink:#fff;
  --link-rule:#c7c7c7;
}

@media (prefers-color-scheme:dark){
  :root{
    --paper:#191817;
    --surface:#222120;
    --surface-muted:#2b2927;
    --ink:#f3eee7;
    --gray:#b8b2aa;
    --faint:#a29b93;
    --hair:#45413b;
    --hairline:var(--hair);
    --orange:#fb923c;
    --accent:var(--orange);
    --deep:#fdba74;
    --accent-deep:var(--deep);
    --peach:#8b5935;
    --accent-surface:#30251c;
    --accent-border:#705035;
    --button-bg:#fb923c;
    --button-hover:#fdba74;
    --button-ink:#21150d;
    --accent-ink:var(--button-ink);
    --link-rule:#7d756c;
    --kb-accent-2:color-mix(in srgb,var(--accent) 72%,var(--surface));
    --kb-accent-3:color-mix(in srgb,var(--accent) 46%,var(--surface));
    --kb-accent-4:color-mix(in srgb,var(--accent) 26%,var(--surface));
    --kb-accent-border:var(--accent-border);
    --kb-accent-track:color-mix(in srgb,var(--accent) 11%,var(--surface-muted));
    --kb-accent-soft:color-mix(in srgb,var(--accent) 20%,var(--surface));
    --kb-accent-tint:color-mix(in srgb,var(--accent) 9%,var(--surface));
    --kb-accent-bg:color-mix(in srgb,var(--accent) 6%,var(--surface));
  }
  .ledger-btn:hover{background:var(--button-hover)}
  .ledger-btn--quiet:hover{background:var(--surface-muted)}
  .kb-cell,.kb-track,.kb-spline--faint{stroke:var(--hairline)}
  .kb-dot,.kb-endcap{fill:var(--faint)}
  .kb-leader{stroke:var(--faint)}
}