/* basic.css (v16)
   UD: 2026-08-21
   "Soft light" — Default lightin pehmeä sisarteema (teemaperhe 2026-08-21).
   Sama rakenne ja sama icss-paketti; ero on KOKONAAN tässä :root-lohkossa
   + icss_basics.css:n johdetuissa sävyissä. Ei puhdasta mustaa/valkoista,
   lämpimät neutraalit, pinta reunaviivan sijaan, serif-otsikot, tavallinen
   kirjainkoko labeleissa, pillerimäinen valittu navikohde ja napit.
   v16: Soft light — paletti #f6f3ee / #3a3835 / #4e7f8a, radius 12px,
        varjo 0 10px 30px rgba(60,50,40,0.07), serif-otsikot 600, labelit ilman
        uppercasea, nav-pilleri, napit 999px.
   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_csonly.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).
   -------------------------------------------------------------------------- */

:root { --vuo-bg: #f5f1e9;
    --vuo-text: #303c32;
    --vuo-primary: #284c3b;
    --vuo-accent: transparent;

    
    --vuo-radius: 8px;
    --vuo-shadow: none;

    
    --vuo-font-head: Charter, "Iowan Old Style", "Palatino Linotype", Georgia, serif;
    --vuo-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    
    --vuo-head-weight: 400;
    --vuo-head-tracking: 0em;
    --vuo-label-case: none;
    --vuo-label-tracking: 0em;
    --vuo-label-size: 0.95rem;
    --vuo-nav-underline: 0px;
    --vuo-nav-pill: var(--vuo-primary-tint);
    --vuo-label-weight: 500;
    --vuo-btn-radius: 4px; }