/* basic.css (v10)
   UD: 2026-08-24
   VUO Design (vuodesign.fi) — CS-sivuston perus-CSS.
   Johdettu Default light -paketista (basic.css v15): sama icss-rakenne,
   teemakohtaista on vain tämä :root-lohko + icss_basics.css:n alku
   (fontti-import, leipäkoko) + icss_csonly.css:n VUO DESIGN -kerros.
   Ilme = vuodesign.fi:n staattinen promosivu (css/site.css v14): Exo 2,
   valkoinen pohja, tumma harmaa teksti, logon oranssi/punainen. */

@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 {
    /* Neljä paletin väriä (edit/c_vuo_ai/appearance_palette_map.php) —
       bg = tausta, text = teksti, primary = linkit/napit/valittu kohde,
       accent = päävalikon kohteen tausta (oletus läpinäkyvä).
       HUOM ei kaksoispisteitä kommentteihin tässä lohkossa — muokkaimen
       parseri (vuoAppearanceParseVars) jakaa tekstin puolipisteellä ja kaksoispisteellä */
    --vuo-bg: #ffffff;
    --vuo-text: #383838;
    --vuo-primary: #e30613;
    --vuo-accent: transparent;

    /* Muoto */
    --vuo-radius: 10px;
    --vuo-shadow: 0 2px 12px rgba(0,0,0,0.06);

    /* Fontit — Exo 2 ladataan icss_basics.css:n alussa (fonts/exo2/, oma palvelin) */
    --vuo-font-head: 'Exo 2', -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    --vuo-font-body: 'Exo 2', -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

    /* Typografia ja valitun navikohteen muoto (teemaperhe) */
    --vuo-head-weight: 700;
    --vuo-head-tracking: -0.01em;
    --vuo-label-case: uppercase;
    --vuo-label-tracking: 0.08em;
    --vuo-label-size: 0.76rem;
    --vuo-nav-underline: 3px;
    --vuo-nav-pill: transparent;
    --vuo-label-weight: 700;
    --vuo-btn-radius: 999px;
}