/*
 * ELKON Automation CI für Nova (Vorlage: elkon-automation.at).
 * Schrift Montserrat, Dunkelgrün #14452E, Akzent Neongrün #8CFF70, grünstichige Grautöne.
 * Die Primärfarben für den hellen Modus stehen in config/nova.php (brand.colors).
 */

/* Montserrat selbst gehostet (SIL OFL 1.1, siehe fonts/montserrat/OFL.txt), keine Anfrage an Google. */
@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/montserrat/montserrat-latin-400-normal.woff2') format('woff2');
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/montserrat/montserrat-latin-600-normal.woff2') format('woff2');
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/montserrat/montserrat-latin-700-normal.woff2') format('woff2');
}

html:root {
    --colors-gray-50: 245, 248, 246;
    --colors-gray-100: 237, 242, 238;
    --colors-gray-200: 216, 226, 220;
    --colors-gray-300: 185, 200, 191;
    --colors-gray-400: 147, 166, 155;
    --colors-gray-500: 100, 117, 107;
    --colors-gray-600: 70, 88, 78;
    --colors-gray-700: 54, 70, 61;
    --colors-gray-800: 28, 38, 32;
    --colors-gray-900: 17, 24, 20;
    --colors-gray-950: 10, 15, 12;
}

/* Im dunklen Modus Neongrün als Akzent, Schaltflächen mit dunkler Schrift (wie auf der Website). */
html.dark {
    --colors-primary-300: 196, 255, 182;
    --colors-primary-400: 170, 255, 150;
    --colors-primary-500: 140, 255, 112;
    --colors-primary-600: 112, 224, 88;
}

/* Wird vor app.css geladen, daher etwas spezifischere Selektoren. */
html body,
html .font-sans {
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Wortmarke */
.ea-logo-text {
    fill: rgb(var(--colors-primary-500));
}

.ea-logo-accent {
    fill: rgb(var(--colors-primary-400));
}

.dark .ea-logo-text {
    fill: #fff;
}

.dark .ea-logo-accent {
    fill: rgb(var(--colors-primary-500));
}