/* Every raw color value lives here. style.css gives them meaning. */
:root {
  color-scheme: light dark;

  --paper: #f6f4ef;
  --card: #ffffff;
  --ink: #1b1d22;
  --ink-muted: #6b6f78;
  --line: #d9d6ce;
  --accent: #1f4fd1;
  --accent-ink: #ffffff;
  --warning: #a15c00;
  --danger: #c62828;
  --backdrop: rgba(0, 0, 0, 0.45);
  --highlight: #fff1a8;
  --shadow: rgba(20, 22, 27, 0.08);

  --disagree-strong: #b3261e;
  --disagree: #d9776f;
  --neutral: #8a8f98;
  --agree: #5b9a5f;
  --agree-strong: #1f7a33;

  --afd-blue: #009ee0;
  --bsw-orange: #f07d00;
  --fdp-yellow: #e6d200;
  --gruene-green: #64a12d;
  --linke-magenta: #be3075;
  --spd-red: #e3000f;
  --union-black: #1b1d22;

  /* The made-up parties of the start page: colors no real party uses. */
  --demo-teal: #1aa39a;
  --demo-violet: #7b5cd6;
  --demo-coral: #ff7a66;
  --demo-sky: #5bb8f0;
  --demo-olive: #8a9a3b;
  --demo-rose: #e76fa8;
  --demo-slate: #58708a;

  /* Who does a task in docs/workflow.html. */
  --lane-person: #e8b54a;
  --lane-voyage: #4f8fe0;
  --lane-jev: #8a63d2;
  --lane-code: #8a8f98;
  --lane-data: #b9ae97;
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #14161b;
    --card: #1e2128;
    --ink: #eceae4;
    --ink-muted: #9a9ea8;
    --line: #353944;
    --accent: #6d8dff;
    --accent-ink: #0d0f14;
    --warning: #f0b35a;
    --danger: #ff8a80;
    --highlight: #5a4a12;
    --shadow: rgba(0, 0, 0, 0.4);

    --disagree-strong: #ff8a80;
    --disagree: #e3a39d;
    --neutral: #a6aab3;
    --agree: #95c998;
    --agree-strong: #62d37a;

    --union-black: #b8bcc4;
  }
}