/* Design-Tokens »Sven Nieder« – generiert aus tokens.json des Designsystems (Stand 24.09.2026). Nicht von Hand ändern, sondern im Designsystem pflegen. */
:root {
  --paper: #f7f6f4;
  --paper-deep: #eeece9;
  --surface: #ffffff;
  --line: #dedbd9;
  --line-strong: var(--ink-3);
  --ink: #1d1d1b;
  --ink-2: #4f4c4d;
  --ink-3: #6e6a6b;
  --karmin: #bf1b2c;
  --karmin-deep: #9a1523;
  --karmin-tint: #f5e4e5;
  --on-karmin: #ffffff;
  --mark: var(--logo-grau);
  --logo-grau: #4f4c4d;
  --logo-karmin: #bf1b2c;
  --scrim: #161515a0;
  --on-scrim: #ffffff;
  --font-serif: "Newsreader", Georgia, "Times New Roman", serif;
  --font-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 4px;
  --layout-max: 1200px;
  --measure: 680px;
  --focus-ring: 0 0 0 2px #f7f6f4, 0 0 0 4px #bf1b2c;
  color-scheme: light dark;
}
/* Galerie-Theme: folgt der Systemeinstellung */
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #161515;
    --paper-deep: #0e0d0d;
    --surface: #211f1f;
    --line: #3a3737;
    --ink: #efedeb;
    --ink-2: #bdb8b8;
    --ink-3: #948f8f;
    --karmin: #f0606a;
    --karmin-deep: #f58a91;
    --karmin-tint: #3a1a1d;
    --on-karmin: #161515;
    --mark: var(--ink);
    --focus-ring: 0 0 0 2px #161515, 0 0 0 4px #f0606a;
  }
}