/* Asiakasulkoasu 18.9.2026 — paletti ja asiakkaan CSS viimeisenä. */
/* basic.css (v16)
   UD: 2026-09-18
   v16: ASENNUS TOIVONEN -paletti — punainen #bd1d1d ja tummanharmaa #2b2a27
        logosta (02-Logos/asennus_toivonen.svg), radius 8px -> 6px.
        Keltaoranssi korostus on icss_csonly.css:ssä (ei :root, jotta
        ulkoasumuokkain ei pyyhi sitä julkaistessaan).
   v15: TEEMAPERHE-muuttujat :root-lohkoon (typografia, labelin paino, nappien
        pyöristys, valitun navikohteen muoto) — arvot = nykyinen ulkoasu, ei näkyvää muutosta. Soft-teemat
        (2026-08-21 suunnitelma) eroavat vain näistä + paletista; icss-paketti
        on kaikille neljälle teemalle yhteinen.
   v14: --vuo-shadow-oletus kevyemmäksi (0 2px 12px / 0.06 — oli 0 8px 30px /
        0.08): nostokorttien heittovarjo hillitymmäksi; sama muuttuja pysyy
        ulkoasumuokkaimen varjosäätimen kohteena (dropdown, haku, nostot).
   v13: VUO-tyylinen vaalea oletusteema — paletti: teksti #2b2b2b, pääväri
        VUO-sininen #0d72c4 (kontrasti valkoisella ~5:1), sans-fontit
        molempiin rooleihin, kevyempi varjo. Johdetut sävyt (viivat, vaimea
        teksti, pinnat) määritellään kerran icss_basics.css:n html {}-lohkossa
        — EI toisena :root-lohkona, koska ulkoasumuokkain etsii ja kirjoittaa
        ":root"-lohkon (c_appearance_css.js) ja toinen sekoittaisi sen.
   v12: TODO 27 CS ULKOASUN MUOKKAIN — muuttujamuunnos. :root-lohko paletin
        CSS-muuttujille (ks. edit/c_vuo_ai/appearance_palette_map.php).
        Fallback-arvot = oletusteeman arvot. Lohko on @import-rivien
        JÄLKEEN, koska @import täytyy CSS-spesifikaation mukaan olla ennen
        muita sääntöjä.
   v11: breakpointtien modernisointi — sama malli kuin css/default.css
        v11 ja edit/c_hk_css/cms.css v13 — pidä nämä synkassa (CLAUDE.md 6/19). */

@import url(cssfiles/icss_basics.css);
@import url(cssfiles/icss_contents.css);
@import url(cssfiles/icss_navisub.css);

@import url(cssfiles/icss_navimain.css);
@import url(cssfiles/icss_basicstructure.css);
@import url(cssfiles/icss_pagetitles.css);



/* All / basics */
@import url(cssfiles/resp-01-basic.css) all;

/* Smartphone */
@import url(cssfiles/resp-02-smart-port.css) only screen and (max-width : 599px) and (orientation : portrait);
@import url(cssfiles/resp-03-smart-land.css) only screen and (min-width : 600px) and (max-width : 1000px) and (orientation : landscape);

/* Tablet */
@import url(cssfiles/resp-04-tablet-port.css) only screen and (min-width : 600px) and (max-width : 830px) and (orientation : portrait);
@import url(cssfiles/resp-05-tablet-land.css) only screen and (min-width : 1001px) and (max-width : 1199px) and (orientation : landscape);


/* --------------------------------------------------------------------------
   CS ULKOASUN MUOKKAIN — paletin muuttujat.
   Fallback jokaisessa var()-kutsussa = kyseisen säännön oma alkuperäinen
   arvo, joten tämä lohko itsessään ei muuta ulkoasua. "Säätimet"-välilehti
   kirjoittaa julkaistessaan tämän lohkon sisällön uusiksi (ks. c_appearance_css.js).
   -------------------------------------------------------------------------- */

@import url(cssfiles/icss_csonly.css);

:root {
    --vuo-bg: #f6f5f1;
    --vuo-text: #272724;
    --vuo-primary: #bd1d1d;
    --vuo-accent: transparent;
    --vuo-radius: 8px;
    --vuo-shadow: 0 12px 32px rgba(32,31,29,.08);
    --vuo-font-head: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --vuo-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --vuo-head-weight: 750;
    --vuo-head-tracking: -0.035em;
    --vuo-label-case: uppercase;
    --vuo-label-tracking: 0.05em;
    --vuo-label-size: 0.78rem;
    --vuo-nav-underline: 2px;
    --vuo-nav-pill: transparent;
    --vuo-label-weight: 700;
    --vuo-btn-radius: 5px;
    --vuo-cs-highlight: #f39200;
    --vuo-cs-highlight-2: #ffdc38;
    --vuo-surface: #ffffff;
    --toivonen-dark: #272724;
}