/**
 * Tiedosto: assets/css/variables.css (versio 1.1 - Sora Font)
 * Kuvaus: CSS-muuttujat. Fontti vaihdettu Soraan.
 * Tekijä: Markus Haapasaari / Kaupunkilehti Kalajokinen
 * Tehty <3 Kalajoella
 */

:root {
    /* Brändivärit */
    --color-primary: #0056b3;
    --color-accent: #ff4d4d;

    /* Tekstivärit */
    --text-main: #3c3c3b;
    --text-heading: #1a1a1a;
    --text-muted: #666666;
    --text-inverse: #ffffff;

    /* Taustavärit */
    --bg-body: #f4f4f4;
    --bg-paper: #ffffff;
    --bg-dark: #121212;

    /* UI Elementit */
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 16px;

    /* Varjot */
    --shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-pulse: 0 0 0 0 rgba(0, 86, 179, 0.7);

    /* Fontit */
    /* Sora on nyt pääfontti */
    --font-main: 'Sora', sans-serif;
    --font-serif: 'Merriweather', serif; /* Pidetään tämä otsikoissa/korosteissa jos tarpeen */
}

@media (prefers-color-scheme: dark) {
    :root {
        --text-main: #e0e0e0;
        --text-heading: #ffffff;
        --bg-body: #121212;
        --bg-paper: #1e1e1e;
    }
}