/*
    Hauptvariablen, welche das Styling vom ABO Online bestimmen. Diese können in die Stammdaten unter ABO Online Inhalte mit CustomCss überschrieben werden.
    Für erweitertes Styling, kann allgemeines CSS eingefügt werden, oder können weitere Variablen aus jhtheme.css überschrieben werden.
    -subtle ist jeweils eine Farbe für elemente die leicht abweichen sollen.
    -on- ist jeweils die Farbe für Text, und sonstige inhalt, welche auf die Hauptfarbe angezeigt werden soll.
*/
:root {
    /* Schriftart */
    --font-family: Roboto, "Helvetica Neue", sans-serif;
    /* Größe, der abgerundete Ecken. */
    --border-radius: 0.25rem;
    /* Farbe der hintergrund. */
    --color-background: #ffffff;
    --color-background-subtle: #e0e0e0;
    /* Hintergrundfarbe der Hauptinhalt. */
    --color-surface: #ffffff;
    --color-surface-subtle: #f5f5f5;
    --color-on-surface: #212121;
    /* Standardfarbe für Elemente auf der Webseite. */
    --color-base: #ffffff;
    --color-base-subtle: #efefef;
    --color-on-base: #212121;
    /* Erste Themafarbe für Elemente welche auffallen sollen. */
    --color-primary: #3f51b5;
    --color-on-primary: #ffffff;
    /* Zweite Themafarbe. */
    --color-secondary: #e51a5f;
    --color-on-secondary: #ffffff;
    /* Dritte Themafarbe. */
    --color-tertiary: #00695c;
    --color-on-tertiary: #ffffff;
    /* Abweichung, wie viel leichter Elemente werden, wenn der Maustaste drüber hängt (0.0 - 1.0). Kann negativ sein. */
    --color-hover-offset: 0.05;
    /* Abweichung, wie viel leichter Elemente werden, wenn sie 'aktiviert' sind (genaue Bedeutung variiert). */
    --color-active-offset: 0.1;
}