/* =====================================================================
   A New Error — colors.css
   This blog's palette. It is the canonical "Ledger" palette the shared
   design system was extracted from, so these values match ds.css's defaults;
   they are declared here so the site owns its colors independently of the DS.
   Overrides ONLY the color tokens defined in ds.css (linked before this file).
   ===================================================================== */
:root, :root[data-theme="light"] {
  --bg:     #FAFBFC;  /* cool near-white */
  --ink:    #1B2027;  /* cool near-black */
  --muted:  #69717C;  /* secondary text */
  --faint:  #99A1AC;  /* dates, labels */
  --rule:   #E6E9EF;  /* hairlines */
  --rule-2: #b6b9be;
  --accent: #1463C7;  /* AA blue on --bg */
  --accent-hover: #0F4FA3;
  --field:  #F1F3F6;  /* subtle fill (toggle, code) */
}
:root[data-theme="dark"] {
  --bg:     #14171C;
  --ink:    #E2E6EC;
  --muted:  #9AA2AD;
  --faint:  #69717C;
  --rule:   #262B32;
  --rule-2: #5e6670;
  --accent: #6FA9F2;  /* AA blue on dark --bg */
  --accent-hover: #97C1F8;
  --field:  #1D2128;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:     #14171C;
    --ink:    #E2E6EC;
    --muted:  #9AA2AD;
    --faint:  #69717C;
    --rule:   #262B32;
    --rule-2: #5e6670;
    --accent: #6FA9F2;
    --accent-hover: #97C1F8;
    --field:  #1D2128;
  }
}