/* Infektionsdynamiken.de / infectiondynamics.eu · base.css
   Author: B. D. Rausch
   License: CC BY 4.0
   Created: 2025-09-10
   Last Review: 2025-09-18
   Last Change: 2025-09-18

   Purpose:
   Baseline styles – Typografie, Standardfarben, Grundverhalten für body,
   Headings, Links, Fokuszustände. Liefert die "Default-Schicht" für alle Seiten.
*/

@layer base {
  body {
    font-family: var(--font-sans);
    font-size: var(--step-0);
    color: var(--fg);
    background: var(--bg);
  }

  h1 { font-size: var(--step-4); margin: 0 0 var(--space-4); }
  h2 { font-size: var(--step-3); margin: var(--space-6) 0 var(--space-2); }
  h3 { font-size: var(--step-2); margin: var(--space-5) 0 var(--space-2); }
  /* optional: h4–h6 falls gewünscht */
  h4 { font-size: var(--step-1); margin: var(--space-4) 0 var(--space-2); }
  h5 { font-size: var(--step-0); margin: var(--space-3) 0 var(--space-1); }
  h6 { font-size: var(--step--1); margin: var(--space-2) 0 var(--space-1); }

  p  { margin: 0 0 var(--space-4); }

  small, .muted {
    color: var(--muted);
    font-size: var(--step--1);
  }

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

  :focus-visible {
    outline: none;
    box-shadow: var(--focus);
    border-radius: var(--radius-sm);
  }
}