/**
 * Metsänvihreä ja persikka — design tokens
 *
 * GENEROITU TIEDOSTO. Älä muokkaa käsin: muutos tehdään ilme.json-tiedostoon
 * ja ajetaan tyokalut/generoi.py.
 * Lähde: Ninni Saarisen tilauslomake 20260919-ca3d55 (19.9.2026): kolme väriä käyttötarkoituksineen ja fontti Now; vanhat sivut ninnisaarinen.fi
 * Generoitu 2026-09-20.
 *
 * Kontrastit:
 *   teksti / pohja                           14.32:1  (#003125 / #FFFFFF)
 *   tumma kaista                             11.07:1  (#003125 / #F9DDCA)
 *   teksti brandin päällä (painikkeet)        7.37:1  (#003125 / #E7AE88)
 *   brandi tekstinä pohjalla (linkit)         1.94:1  (#E7AE88 / #FFFFFF)
 *   linkki tekstinä pohjalla                  4.66:1  (#B35D24 / #FFFFFF)
 *   toissijainen teksti / pohja               5.57:1  (#4C6F66 / #FFFFFF)
 *   toissijainen teksti / tumma kaista        5.70:1  (#3E5C4E / #F9DDCA)
 *   yläpalkki: teksti / pohja                11.07:1  (#003125 / #F9DDCA)
 * HUOM: brandi tekstinä pohjalla (linkit): 1.94:1 (#E7AE88 / #FFFFFF), raja 4.5
 * HUOM: brandi ei kelpaa tekstiväriksi pohjalla; --ek-accent-text = teksti #003125
 * HUOM: brandi ei erotu tumman kaistan pohjasta; kaistan painike = #003125 / #F9DDCA
 * HUOM: brandi ei erotu yläpalkin pohjasta; yläpalkin painike = #003125 / #F9DDCA
 */

:root {
    /* ---- Puolueen viralliset värit ---------------------------- */
    --ek-brand-valkoinen: #FFFFFF;   /* pohja */
    --ek-brand-metsanvihrea: #003125;   /* teksti */
    --ek-brand-oranssi: #E7AE88;   /* brandi */
    --ek-brand-oranssi-tumma: #B35D24;   /* linkki */
    --ek-brand-persikka: #F9DDCA;   /* tumma kaista */

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

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

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

    /* ---- Fontit ----------------------------------------------- */
    --ek-font-display: 'Now', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --ek-font-body: 'Now', 'Segoe UI', Roboto, Helvetica, 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: #F9DDCA;
    --ek-bg-raised: #E5CFBD;
    --ek-fg: #003125;
    --ek-fg-muted: #3E5C4E;
    --ek-line: #BBB2A1;
    --ek-accent: #003125;
    --ek-accent-ink: #F9DDCA;
    --ek-accent-text: #003125;

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

/* Yläpalkki omalla värityksellä (Persikka). */
.ek-header {
    --ek-bg: #F9DDCA;
    --ek-bg-raised: #EAD3C0;
    --ek-fg: #003125;
    --ek-fg-muted: #3E5C4E;
    --ek-line: #BBB2A1;
    --ek-accent: #003125;
    --ek-accent-ink: #F9DDCA;
    --ek-accent-text: #003125;
}