/* Gemeinsame Farb- und Flaechen-Tokens fuer Anmeldeseite und Dashboard.
   Nur Variablen, keine Element-Regeln: die beiden Seiten bringen ihre
   Formular- und Button-Regeln weiterhin selbst mit. */

:root {
  --paper: #e9ecee;
  --plate: #ffffff;
  --plate-sunken: #f2f4f6;
  --field: #ffffff;
  --ink: #1b2430;
  --ink-muted: #58646f;
  --rule: #ccd3d9;
  --rule-soft: #e2e6ea;
  --row-hover: #f4f6f7;
  --accent: #1f4460;
  --accent-ink: #ffffff;
  --danger: #8c2f22;
  --notice: #8a5a00;
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #14171a;
    --plate: #1b1f24;
    --plate-sunken: #16191d;
    --field: #12161a;
    --ink: #e4e8ec;
    --ink-muted: #98a3ae;
    --rule: #2d343b;
    --rule-soft: #242a30;
    --row-hover: #21262c;
    --accent: #4d7fa8;
    --accent-ink: #ffffff;
    --danger: #e0938a;
    --notice: #d9a441;
  }
}