/* Aava Office – Taite – generated from tokens.json (node ulkoasu/taite/rakenna-tokens.mjs). Älä muokkaa käsin. */

@font-face {
    font-family: "Outfit";
    src: url("fontit/outfit-latin-wght-normal.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

:root,
[data-theme="light"] {
    color-scheme: light;
    --kupari: #C06A35;
    --kupari-vaalea: #E9A46B;
    --kupari-tumma: #8A4520;
    --kupari-teksti: #A85A2A;
    --meri: #0B3D5C;
    --yo: #0E1B24;
    --usva: #F5F7F9;
    --pinta-tausta: #E9EDF1;
    --pinta: #FFFFFF;
    --pinta-palkki: #FAFBFC;
    --pinta-otsikko: #F4F6F8;
    --pinta-korostus: #E8F1F8;
    --pinta-valittu-otsikko: #DDE9F3;
    --viiva: #E1E5E8;
    --viiva-korostus: #B9CFDF;
    --viiva-ohjain: #848F99;
    --teksti: #1D2A33;
    --teksti-heikko: #4F5B65;
    --teksti-hento: #626D77;
    --teksti-korostus: #0B3D5C;
    --ylapalkki: var(--meri);
    --ylapalkki-teksti: #FFFFFF;
    --ylapalkki-heikko: #CFE3EC;
    --toiminto: #A85A2A;
    --toiminto-paalla: #8A4520;
    --toiminto-teksti: #FFFFFF;
    --valinta: #1A73C9;
    --valinta-alue: rgba(26, 115, 201, 0.10);
    --linkki: #1A73C9;
    --virhe: #B3261E;
    --virhe-teksti: #FFFFFF;
    --huomio-pinta: #FFF8E1;
    --huomio-viiva: #F0D98A;
    --varoitus-pinta: #FFF4E5;
    --varoitus-viiva: #F3CF9F;
    --asiakirja-pinta: #FFFFFF;
    --asiakirja-teksti: #1A1A1A;
    --asiakirja-otsikko: #0B4F6C;
    --sovellus-writer: #1B5FA8;
    --sovellus-sheets: #1E7A4F;
    --sovellus-slides: #5B3A99;
    --sovellus-pdf: #B3263E;
    --sovellus-cloud: #127C8A;
    --varjo-sivu: 0 1px 3px rgba(16, 24, 32, 0.12), 0 4px 16px rgba(16, 24, 32, 0.06);
    --varjo-valilehti: 0 1px 2px rgba(0, 0, 0, 0.06);
}

[data-theme="dark"] {
    color-scheme: dark;
    --kupari-teksti: #E9A46B;
    --pinta-tausta: #0A141B;
    --pinta: #13232E;
    --pinta-palkki: #182A36;
    --pinta-otsikko: #1C303D;
    --pinta-korostus: #1F3A4C;
    --pinta-valittu-otsikko: #24465C;
    --viiva: #2A3F4D;
    --viiva-korostus: #3C6580;
    --viiva-ohjain: #5B7486;
    --teksti: #E6EDF2;
    --teksti-heikko: #A9B7C1;
    --teksti-hento: #8C9BA6;
    --teksti-korostus: #9EC6EA;
    --ylapalkki: #0B2E45;
    --toiminto: #E9A46B;
    --toiminto-paalla: #F0B985;
    --toiminto-teksti: #0E1B24;
    --valinta: #5AA3E8;
    --valinta-alue: rgba(90, 163, 232, 0.18);
    --linkki: #7DB8F0;
    --virhe: #F2867E;
    --virhe-teksti: #0E1B24;
    --huomio-pinta: #2E2A14;
    --huomio-viiva: #6A5E22;
    --varoitus-pinta: #33280F;
    --varoitus-viiva: #6B5226;
    --asiakirja-pinta: #FFFFFF;
    --asiakirja-teksti: #1A1A1A;
    --asiakirja-otsikko: #0B4F6C;
    --varjo-sivu: 0 1px 3px rgba(0, 0, 0, 0.5), 0 4px 16px rgba(0, 0, 0, 0.35);
    --varjo-valilehti: 0 1px 2px rgba(0, 0, 0, 0.4);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        color-scheme: dark;
        --kupari-teksti: #E9A46B;
        --pinta-tausta: #0A141B;
        --pinta: #13232E;
        --pinta-palkki: #182A36;
        --pinta-otsikko: #1C303D;
        --pinta-korostus: #1F3A4C;
        --pinta-valittu-otsikko: #24465C;
        --viiva: #2A3F4D;
        --viiva-korostus: #3C6580;
        --viiva-ohjain: #5B7486;
        --teksti: #E6EDF2;
        --teksti-heikko: #A9B7C1;
        --teksti-hento: #8C9BA6;
        --teksti-korostus: #9EC6EA;
        --ylapalkki: #0B2E45;
        --toiminto: #E9A46B;
        --toiminto-paalla: #F0B985;
        --toiminto-teksti: #0E1B24;
        --valinta: #5AA3E8;
        --valinta-alue: rgba(90, 163, 232, 0.18);
        --linkki: #7DB8F0;
        --virhe: #F2867E;
        --virhe-teksti: #0E1B24;
        --huomio-pinta: #2E2A14;
        --huomio-viiva: #6A5E22;
        --varoitus-pinta: #33280F;
        --varoitus-viiva: #6B5226;
        --asiakirja-pinta: #FFFFFF;
        --asiakirja-teksti: #1A1A1A;
        --asiakirja-otsikko: #0B4F6C;
        --varjo-sivu: 0 1px 3px rgba(0, 0, 0, 0.5), 0 4px 16px rgba(0, 0, 0, 0.35);
        --varjo-valilehti: 0 1px 2px rgba(0, 0, 0, 0.4);
    }
}

:root {
    --tila-1: 2px;
    --tila-2: 4px;
    --tila-3: 6px;
    --tila-4: 8px;
    --tila-5: 12px;
    --tila-6: 18px;
    --tila-7: 24px;
    --tila-8: 64px;
    --sade-pieni: 4px;
    --sade: 6px;
    --sade-suuri: 12px;
    --sade-kuvake: 23.4375%;
    --koko-ohjain: 34px;
    --koko-kosketus: 40px;
    --koko-kentta: 32px;
    --koko-otsikkorivi: 24px;
    --koko-riviotsikko: 46px;
    --font-sans: Outfit, system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-asiakirja: Calibri, Carlito, "Segoe UI", Arial, sans-serif;
    --font-mono: "Courier New", monospace;
}