:root {
  /* Basis: gealtertes Ledgerbuch statt Standard-Creme+Terrakotta */
  --ink: #1E1B15;
  --ledger-bg: #23281F;      /* dunkles Moosgruen-Braun wie ein Einband */
  --ledger-bg-raised: #2B3126;
  --parchment: #EFE7D3;      /* Katalogkarten-Papier */
  --parchment-dim: #DCD2B6;
  --brass: #A87C3F;          /* gealtertes Messing, primaerer Akzent */
  --brass-bright: #C79A54;
  --sage: #6B7A5E;           /* Status: unauffaellig */
  --wax-red: #9C3B2E;        /* Status: braucht Aufmerksamkeit */
  --hairline: rgba(239, 231, 211, 0.14);
  --hairline-on-card: rgba(30, 27, 21, 0.16);
  --shadow-card: 0 6px 18px rgba(0, 0, 0, 0.28), 0 1px 0 rgba(255, 255, 255, 0.03) inset;

  --font-display: "Fraunces", "Iowan Old Style", serif;
  --font-body: "Public Sans", "Segoe UI", sans-serif;

  --radius-card: 3px;
  --radius-pill: 999px;
  --max-width: 1180px;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--ledger-bg);
  color: var(--parchment);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.5;
}

body {
  background-image:
    radial-gradient(ellipse at top left, rgba(168, 124, 63, 0.06), transparent 45%),
    radial-gradient(ellipse at bottom right, rgba(107, 122, 94, 0.08), transparent 50%);
}

a { color: var(--brass-bright); text-decoration: none; }
a:hover { text-decoration: underline; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 1rem;
}

::selection { background: var(--brass); color: var(--ink); }

:focus-visible {
  outline: 2px solid var(--brass-bright);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}