/*
 * Stammatlas - variables.css (einzige Quelle fuer Farben, Abstaende, Schriftgrade)
 * Zweck:   Tokens aus W0 Abschnitt 12 (abgenommen 26.10.2026), Vorlage
 *          familienarchiv-kuester.de. Jedes Farb-Token mit light-dark() -
 *          ein Dunkel-Mechanismus (L-44); data-theme am <html> setzt nur
 *          color-scheme. Skalen nur hier (L-46).
 * Version: stammatlas-admin 0.1.1
 * Register Breakpoints: 720px, 1100px (nur diese, Wache C01)
 */
:root {
  color-scheme: light dark;

  --bg:           light-dark(#efe7d8, #21190f);
  --bg-soft:      light-dark(#f3ecdf, #211c17);
  --surface:      light-dark(#f8f4ec, #28221c);
  --ink:          light-dark(#1f1a14, #efe7d8);
  --ink-soft:     light-dark(#4a3f30, #c4b79f);
  --ink-strong:   light-dark(#000000, #ffffff);
  --ink-on-ink:   light-dark(#efe7d8, #1a1612);
  --rule:         light-dark(#cabf9e, #4d4234);
  --rule-soft:    light-dark(#d8cdab, #3a3129);
  --line-control: light-dark(#8c7d62, #8a7c64);
  --accent:       light-dark(#7a4e2d, #d2a26f);
  --focus:        light-dark(#1f1a14, #efe7d8);
  --ok:           light-dark(#3d6b3f, #8fc293);
  --warn:         light-dark(#8a5a12, #e0b066);
  --danger:       light-dark(#9b2c1f, #f09a8c);
  --info:         light-dark(#2f5470, #93b8d6);
  /* Marke (Corporate Design v2, 26.10.2026: stammatlas-design-tokens.css + Logo-SVGs) */
  --brand-gold:   light-dark(#b28b52, #d9bd83);
  --brand-olive:  light-dark(#66704b, #9aa06d);
  --brand-ink:    light-dark(#2b1e17, #f5ecd9);
  --marke-gold-1: light-dark(#d9bd83, #d9bd83);
  --marke-gold-2: light-dark(#b98a4d, #b98a4d);
  --marke-gold-3: light-dark(#7f5b31, #7f5b31);
  --marke-stamm-1: light-dark(#5b3c22, #c49a62);
  --marke-stamm-2: light-dark(#b9854f, #b9854f);
  --marke-stamm-3: light-dark(#4b311d, #9b6f3c);
  --marke-linie:  light-dark(#2b1e17, #f5ecd9);
  --marke-blatt:  light-dark(#66704b, #9aa06d);
  --marke-blatt-rand: light-dark(#4f553d, #7b8157);
  /* QR-Code immer dunkel auf hell - Scanner lesen invertierte Codes schlecht */
  --qr-dunkel:    light-dark(#1f1a14, #1f1a14);
  --qr-hell:      light-dark(#ffffff, #ffffff);

  --font-serif: 'Fraunces', Georgia, serif;
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-icon: 'Stammatlas Symbole';
  --font-mono: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

  --fs-label: 11px;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-base: 16px;
  --fs-lead: 17px;
  --fs-lg: 19px;
  --fs-xl: 22px;
  --fs-2xl: 26px;
  --fs-3xl: 30px;
  --fs-display: clamp(40px, 6vw, 64px);
  --fs-icon: 20px;

  --lh-display: 0.95;
  --lh-head: 1.3;
  --lh-base: 1.6;
  --lh-read: 1.65;
  --track-caps: 0.2em;
  --track-tight: -0.02em;
  --track-soft: 0.01em;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 80px;

  --page-narrow: 880px;
  --page-wide: 1280px;
  --field-narrow: 420px;
  --nav-width: 232px;
  --control-height: 44px;
  --card-min: 240px;
  --underline-offset: 3px;

  --radius-0: 0;
  --radius-1: 2px;
  --radius-pill: 999px;

  --z-base: 0;
  --z-sticky: 100;
  --z-dropdown: 200;
  --z-overlay: 300;
  --z-modal: 400;
  --z-toast: 500;

  --signet-kopf: 44px;

  --dur-fast: 0.2s;
  --ease: ease;
}
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"]  { color-scheme: dark; }
@media (prefers-reduced-motion: reduce) { :root { --dur-fast: 0s; } }