/**
 * Vihreät ja persikka — design tokens
 *
 * GENEROITU TIEDOSTO. Älä muokkaa käsin: muutos tehdään ilme.json-tiedostoon
 * ja ajetaan tyokalut/generoi.py.
 * Lähde: Vihreät Identity Guideline v1.2 (Kuudeksi) puolueilmeet-repon kautta (ilmeet/vihreat, haettu 12.9.2026). Jenna Jourio valitsi tilauslomakkeella 20261012-1568bc 'Haluan käyttää puolueen ilmettä'. Lisäväri Persikka on valittu, koska se vastaa Jennan omaa nimilogoa (#F4B49C); ohjeisto sallii lisävärit ehdokkaiden omassa kampanjoinnissa.
 * Generoitu 2026-10-12.
 *
 * Kontrastit:
 *   teksti / pohja                           21.00:1  (#000000 / #FFFFFF)
 *   tumma kaista                             10.29:1  (#FFFFFF / #284734)
 *   teksti brandin päällä (painikkeet)        6.85:1  (#FFFFFF / #006845)
 *   brandi tekstinä pohjalla (linkit)         6.85:1  (#006845 / #FFFFFF)
 *   toissijainen teksti / pohja               8.59:1  (#4C4C4C / #FFFFFF)
 *   toissijainen teksti / tumma kaista        6.60:1  (#C9D1CC / #284734)
 * HUOM: brandi ei erotu tumman kaistan pohjasta; kaistan painike = #FFFFFF / #284734
 */

:root {
    /* ---- Puolueen viralliset värit ---------------------------- */
    --ek-brand-valkoinen: #FFFFFF;   /* pohja */
    --ek-brand-musta: #000000;   /* teksti */
    --ek-brand-vihrea-tumma-teksti: #006845;   /* brandi */
    --ek-brand-vihrea-tumma-tausta: #284734;   /* tumma kaista */
    --ek-brand-persikka: #F8CFA9;   /* ohjeiston vaalea lisäväri — hero- ja kutsukaista, alasivujen yläkaista. Sivuston toinen pääpinta. */
    --ek-brand-persikka-vaalea: #FDEFE1;   /* johdettu: Persikka valkoisella laimennettuna (30 %). Teemakorttien ja korostuslaatikoiden pinta, jotta hero-kaista pysyy sivun voimakkaimpana persikkana. */
    --ek-brand-jennan-persikka: #F4B49C;   /* asiakkaan oman nimilogon väri (tilaus/logo). Ei pintana eikä tekstinä: logotiedostossa sellaisenaan, ja syy siihen että lisäväriksi valittiin juuri Persikka. */
    --ek-brand-jennan-tumma: #202827;   /* asiakkaan nimilogon tumma versio (tilaus/logo). Käytössä vain logotiedostossa. */
    --ek-brand-vihrea-kirkas: #009639;   /* brändiväri, PMS 355 C */
    --ek-brand-vihrea-vaalea: #D9EA9A;   /* brändiväri, PMS 2281 C */
    --ek-brand-harmaa: #EBEBEC;   /* hyötykäyttö, PMS Cool Gray 2 C */

    /* ---- Johdetut sävyt (eivät ohjeistosta, laskettu) ---------- */
    --ek-bg-lift: #F5F5F5;
    --ek-bg-line: #D1D1D1;
    --ek-fg-soft: #4C4C4C;

    /* ---- Semanttiset roolit (site.css käyttää näitä) ----------- */
    --ek-bg: #FFFFFF;
    --ek-bg-raised: var(--ek-bg-lift);
    --ek-fg: #000000;
    --ek-fg-muted: var(--ek-fg-soft);
    --ek-line: var(--ek-bg-line);
    --ek-accent: #006845;        /* painikkeet, korostuspinnat */
    --ek-accent-ink: #FFFFFF;    /* teksti accent-pinnan päällä */
    --ek-accent-text: #006845;   /* accent-värinen teksti pohjalla, kontrasti tarkistettu */
    --ek-band-bg: #284734;       /* tumman kaistan pari myös vaalealta pohjalta käsin */
    --ek-band-fg: #FFFFFF;

    /* ---- Logon korkeus ylä- ja alatunnisteessa ---------------- */
    --ek-partylogo-h: 28px;
    --ek-footer-logo-h: 36px;

    /* ---- Fontit ----------------------------------------------- */
    --ek-font-display: 'Krana Fat', 'Barlow Semi Condensed', 'Arial Narrow', Arial, sans-serif;
    --ek-font-body: 'IBM Plex Sans', Arial, sans-serif;

    /* ---- Koot, välit, muodot: teeman oletukset ------------------ */
    --ek-size-hero: clamp(2.5rem, 1.3rem + 3.4vw, 4.25rem);
    --ek-size-h1: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
    --ek-size-h2: clamp(1.6rem, 1.25rem + 1.5vw, 2.4rem);
    --ek-size-h3: clamp(1.25rem, 1.1rem + 0.8vw, 1.6rem);
    --ek-size-lead: clamp(1.0625rem, 1rem + 0.4vw, 1.3125rem);
    --ek-size-body: 1.0625rem;
    --ek-size-small: 0.9375rem;
    --ek-size-eyebrow: 0.8125rem;

    --ek-tracking-eyebrow: 0.18em;
    --ek-leading-tight: 1.08;
    --ek-leading-body: 1.65;

    --ek-space-1: 0.5rem;
    --ek-space-2: 1rem;
    --ek-space-3: 1.5rem;
    --ek-space-4: 2.5rem;
    --ek-space-5: 4rem;
    --ek-space-6: 6rem;
    --ek-section-y: clamp(2.75rem, 1.5rem + 3.6vw, 5rem);

    --ek-max-page: 1160px;
    --ek-max-text: 62ch;
    --ek-max-narrow: 760px;
    --ek-gutter: clamp(1.25rem, 4vw, 3rem);

    --ek-arch: 50% 50% 0 0 / 42% 42% 0 0;
    --ek-round: 50%;
    --ek-radius-card: 6px;
    --ek-radius-pill: 999px;

    --ek-transition: 180ms ease;
}

/* Tumma kaista: sitaattipalkki, alatunniste. */
.ek-band--dark {
    --ek-bg: #284734;
    --ek-bg-raised: #395644;
    --ek-fg: #FFFFFF;
    --ek-fg-muted: #C9D1CC;
    --ek-line: #5E7567;
    --ek-accent: #FFFFFF;
    --ek-accent-ink: #284734;
    --ek-accent-text: #FFFFFF;

    background: var(--ek-bg);
    color: var(--ek-fg);
}