/**
 * Fonts CSS - Wiki Basis-Template
 *
 * Vollstaendige Schrift-Token fuer alle Wiki-CSS-Dateien unter htdocs/css/base/.
 * Neue Wikis erhalten diese Datei per CLIWiki011CreateDirectoryStructureService.
 *
 * Author: Fabian Rossbacher
 * LinkedIn: https://www.linkedin.com/in/fabian-rossbacher/
 */

@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;600;700&display=swap');

:root {
    /* Font Families */
    --font-family-base: 'Assistant', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-family-heading: 'Assistant', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-family-primary: var(--font-family-base);
    --font-family-secondary: var(--font-family-base);
    --font-family-mono: 'Courier New', 'Monaco', monospace;

    /* Font Sizes */
    --font-size-xs: 0.75rem;
    --font-size-small: 0.875rem;
    --font-size-base: 1rem;
    --font-size-medium: 1rem;
    --font-size-large: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-size-4xl: 2.25rem;
    --font-size-5xl: 3rem;
    --font-size-6xl: 3.75rem;

    /* Line Heights */
    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --line-height-base: var(--line-height-normal);
    --line-height-heading: 1.3;

    /* Font Weights */
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;

    /* Letter Spacing */
    --letter-spacing-tight: -0.025em;
    --letter-spacing-normal: 0;
    --letter-spacing-wide: 0.025em;
    --letter-spacing-wider: 0.05em;
    --letter-spacing-widest: 0.1em;

    /* Text Transform */
    --text-transform-none: none;
    --text-transform-uppercase: uppercase;
    --text-transform-lowercase: lowercase;
    --text-transform-capitalize: capitalize;

    /* Text Decoration */
    --text-decoration-none: none;
    --text-decoration-underline: underline;
    --text-decoration-line-through: line-through;

    /* Text Align */
    --text-align-left: left;
    --text-align-center: center;
    --text-align-right: right;
    --text-align-justify: justify;
}

body {
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    line-height: var(--line-height-normal);
    font-weight: var(--font-weight-normal);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-heading);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-heading);
}

p, ul, ol, li {
    font-family: var(--font-family-base);
    font-size: inherit;
    line-height: var(--line-height-normal);
}

button, input, textarea, select {
    font-family: var(--font-family-base);
}