/*
Theme Name: Mediatalo Aava
Theme URI: https://mediataloaava.fi
Author: Markus Haapasaari / Kaupunkilehti Kalajokinen
Author URI: https://mediataloaava.fi
Description: Todella moderni, tummateemainen ja kuparinoranssein korostuksin varustettu WordPress-teema Mediatalo Aavan verkkosivustoille, WordPress- ja AavaCMS-kehitykseen sekä plugin- ja PHP-sovellustuotantoon. Sisältää modernit cyberpunk-fontit. PWA-valmis heti laatikosta. Tehty <3 Kalajoella.
Version: 1.1
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 8.0
Text Domain: mediatalo-aava
*/

:root {
    /* Päävärit - Tumma teema */
    --aava-bg-dark: #121212;
    --aava-bg-surface: #1e1e1e;
    --aava-bg-surface-elevated: #2c2c2c;

    /* Tekstivärit */
    --aava-text-primary: #f5f5f5;
    --aava-text-secondary: #a0a0a0;

    /* Korostusvärit - Kuparinoranssi */
    --aava-accent-copper: #b87333;
    --aava-accent-copper-hover: #cd853f;
    --aava-accent-copper-active: #a06329;

    /* Typografia - Cyberpunk & Moderni */
    --aava-font-primary: 'Rajdhani', sans-serif;
    --aava-font-accent: 'Orbitron', sans-serif;

    /* Rajat ja käyttöliittymäelementit */
    --aava-border-color: #333333;
    --aava-transition-speed: 0.3s;
}

body {
    margin: 0;
    padding: 0;
    background-color: var(--aava-bg-dark);
    color: var(--aava-text-primary);
    font-family: var(--aava-font-primary);
    font-size: 18px; /* Rajdhani on luettavampi hieman isompana */
    font-weight: 500;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

/* Modulaarinen PWA- ja mobiilivalmis perusta */
*, *::before, *::after {
    box-sizing: border-box;
}

/* * HUOM: Kaikki tyylit hajautetaan omiin modulaarisiin CSS-tiedostoihinsa.
 * style.css toimii ainoastaan teeman metatietojen ja globaalien CSS-muuttujien kotina.
 */