/* ==========================================================================
   theme.css — MARKE. Das Einzige, was bei einer neuen Person (Sonneborn)
   neben links.js und fonts/ getauscht wird. Struktur liegt in style.css.
   Farben 1:1 aus sibylleberg.com. Schrift: Nunito Sans (OFL, Variable Font,
   lokal gehostet) als freie Entsprechung zu Avenir Next — Entscheidung 19.09.2026.
   ========================================================================== */

@font-face {
  font-display: swap;
  font-family: 'Nunito Sans';
  font-weight: 300 1000;
  src: url('fonts/NunitoSans.woff2') format('woff2');
}

:root {
  /* Grundfarben der Website */
  --color-red: rgb(119, 19, 29);
  --color-white: rgb(255, 255, 255);
  --color-black: rgb(0, 0, 0);
  --color-grey-dark: rgb(29, 29, 29);
  --color-grey-light: rgb(229, 229, 229);

  /* Rollen — hier greift die Seite zu */
  --ground: var(--color-red);              /* Seitenfläche (Startseite = rot) */
  --ground-ink: var(--color-white);        /* Schrift auf der Fläche */
  --ground-ink-soft: rgb(255 255 255 / 0.68); /* Nebenzeilen auf der Fläche — aus Weiß getönt, nie grau */
  --sheet: var(--color-white);             /* das weiße Blatt („Banner") */
  --sheet-ink: var(--color-red);           /* Schrift auf dem Blatt */
  --sheet-ink-soft: var(--color-grey-dark);
  --sheet-rule: var(--color-grey-light);
  --active: var(--color-black);            /* Hover/Fokus-Fläche wie Banner & Button */
  --active-ink: var(--color-white);
  --footer: var(--color-grey-light);
  --footer-ink: var(--color-grey-dark);

  --font-sans: 'Nunito Sans', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --weight-body: 400;
  --weight-strong: 800;   /* Nunito 700 ist leichter als Avenir Bold — 800 trifft das Gewicht der Website */
  --weight-display: 1000;
  --tracking-display: 0.075rem;  /* Menü-Versalien der Website */
}