/**
 * ETNA – Design-Tokens
 *
 * Alle Farben, Schriften und Abstände der Seite. Stufe 2 (neues Design) soll hauptsächlich
 * durch Änderungen in dieser Datei und in etna.css erfolgen, ohne die Templates anzufassen.
 *
 * Kontraste (WCAG 2.2 AA, mind. 4.5:1 für Text, 3:1 für Bedienelemente) sind bei jeder
 * Änderung zu prüfen, z.B. mit https://webaim.org/resources/contrastchecker/
 */
:root {
    /* Farben */
    --color-page: #dfe6ef;            /* Seitenhintergrund, Header, Menüeinträge */
    --color-surface: #ffffff;         /* Inhaltsbereich */
    --color-surface-muted: #f5f7fa;   /* Volumes-Spalte, Kontakt-Box */
    --color-primary: #336699;         /* Breadcrumbs, aktiver Menüpunkt, Footer (Weiß darauf: 6.1:1) */
    --color-on-primary: #ffffff;
    --color-title: #17365d;           /* Zeitschriftentitel im Header */
    --color-text: #3a3a3a;            /* Fließtext (11:1) */
    --color-heading: #555566;         /* Überschriften (7:1) */
    --color-heading-light: #5c5c70;   /* Unterüberschriften (6.4:1), früher #888899 (3.5:1) */
    --color-link: #2e6db0;            /* Links (5.3:1), früher #4d87c7 (3.7:1) */
    --color-link-visited: #4b4b8f;
    --color-link-hover: #182e7a;
    --color-border: #d5dbe3;
    --color-comment: #c00000;         /* Hinweise im Inhaltsverzeichnis (5.9:1) */
    --color-notice-bg: #fff6e0;
    --color-focus-inner: #ffffff;
    --color-focus-outer: #0b0c0c;

    /* Schriften */
    --font-body: Arial, Helvetica, "Liberation Sans", sans-serif;
    --font-heading: Georgia, "Times New Roman", Times, serif;
    --font-title: "Segoe UI", Candara, "Trebuchet MS", "DejaVu Sans", sans-serif;
    --font-mono: ui-monospace, "Cascadia Mono", "DejaVu Sans Mono", Consolas, monospace;

    --font-size-base: 0.9375rem;      /* 15px bei Browser-Standard 16px, skaliert mit den Browser-Einstellungen */
    --font-size-small: 0.875em;
    --line-height: 1.55;

    /* Abstände und Maße */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;

    --page-max-width: 90rem;
    --nav-width: 13rem;
    --aside-width: 13rem;
    --content-max-width: 60rem;
    --radius: 0;
}