/*
 * Hier definieren wir auschließlich globale Variable und laden Schriftarten.
 */

@font-face {
    font-family: 'UI Font';
    /* .otf Dateien bekommen das Format 'opentype', .ttf Dateien 'truetype' */    
    src: url('../assets/fonts/WDXLLubrifontSC-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Logo Font';
    src: url('../assets/fonts/Quantico-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --color-bg-page: #000000;
    --color-text-main: #ffffff;
    --color-text-placeholder: rgba(255, 255, 255, 0.4);
    --color-text-inactive: rgba(255, 255, 255, 0.5);
    
    --color-cyan-bright: #00f0ff;
    --color-cyan-dark: #00a0aa;
    --color-green-bright: #00ff00;
    --color-error: #ff4444;
    --color-checkbox-bg: rgba(11, 25, 44, 0.8);

    --font-main: 'UI Font', sans-serif;
}