/*
 * KAAMOS / REBRAINING — FULL COLOR SYSTEM
 * 256 colors at 24-bit precision
 *
 * Copyright © 2026 James McGill. All rights reserved.
 * No part of this file may be reproduced, distributed,
 * or used without express written permission.
 *
 * Organized by family, named in Finnish.
 *
 * Color temperature: a settler-culture region
 * in Taavetti's world whose first arrivals brought
 * this aesthetic with them. The cars are not
 * Trabants from the GDR. They are cars from a place
 * that looks like the GDR because the settlers made
 * it that way. Every world has a place like that.
 * The first settlers brought it with them.
 *
 * Not flat. Not digital primary. Chosen.
 *
 * Between 8-box Crayola and the 24-bit space
 * 1982 knew about but couldn't reach.
 *
 * Families:
 *   tyhjyys    — void / dark ground         (12)
 *   meripihka  — amber / the signal         (20)
 *   lumi-tuhka — warm neutral / text        (20)
 *   harmaa     — cool grey / metals         (16)
 *   kulta      — gold                        (8)
 *   keltainen  — yellow                     (16)
 *   oranssi    — orange                     (12)
 *   ruska-tuli — autumn / fire / red        (16)
 *   paju-kaura — warm beige / cream         (20)
 *   vihreä     — green / the living world   (24)
 *   sininen    — blue / teal / sky          (24)
 *   violetti   — violet / lilac              (8)
 *   automotive — named car colors           (20)
 *   semantic   — functional aliases         (40)
 *
 * Total: 256
 */

:root {

  /* ─────────────────────────────────────────────
   * TYHJYYS — void, the dark ground
   * The background spectrum. Near-black through
   * deep warm shadow. The universe at rest.
   * ───────────────────────────────────────────── */

  --tyhjyys:            #0c0c0c;  /* void — deepest background; page ground */
  --tyhjyys-lämmin:     #0e0c0a;  /* warm void — void with amber undertone */
  --kuilu:              #141210;  /* chasm — elevated surface, card background */
  --kuilu-syvä:         #181614;  /* deep chasm — inset surface */
  --kolkko:             #1c1a16;  /* bleak — strong shadow surface */
  --varjo:              #201e18;  /* shadow — primary rule and divider color */
  --varjo-lämmin:       #241e16;  /* warm shadow — divider with amber warmth */
  --hämärä-syvä:        #2a2018;  /* deep twilight — heavy border */
  --hämärä:             #2e2418;  /* twilight — standard border */
  --hämärä-kirkas:      #342a1c;  /* bright twilight — subtle border */
  --pimeä:              #3a2e20;  /* dark — hairline border, amber-dark register */
  --pimeä-kirkas:       #403428;  /* bright dark — lightest void-family tone */


  /* ─────────────────────────────────────────────
   * MERIPIHKA — amber, the signal, the alive
   * meri (sea) + pihka (resin) = Baltic amber.
   * The fossil light. The color of alive-ness
   * in the void. Primary accent throughout.
   * ───────────────────────────────────────────── */

  --meripihka-hiili:    #3a2010;  /* amber coal — near-void amber, deepest step */
  --meripihka-syvä:     #4a2e10;  /* deep amber — */
  --meripihka-tumma:    #5a3810;  /* dark amber — */
  --meripihka-matta:    #6a4810;  /* matte amber — */
  --meripihka-low:      #7a5218;  /* amber low — hairline amber borders */
  --meripihka-varjo:    #8a5e18;  /* amber shadow — subdued borders */
  --meripihka-dim:      #9a6820;  /* amber dim — subdued accent, secondary headings */
  --meripihka-samea:    #a87828;  /* murky amber — */
  --meripihka-keski:    #b88830;  /* mid amber — */
  --meripihka-vaalea:   #c89030;  /* pale amber — */
  --meripihka:          #f0a030;  /* amber — canonical; primary accent, headings */
  --meripihka-kirkas:   #f0b040;  /* bright amber — */
  --meripihka-lämmin:   #f4b840;  /* warm amber — */
  --hehku:              #f8c060;  /* glow — hover state; heat burning from within */
  --hehku-kirkas:       #fac870;  /* bright glow — */
  --kipinä-samea:       #fcd078;  /* murky spark — */
  --kipinä:             #ffdd80;  /* spark — selection highlight; the thing that jumps */
  --kipinä-kirkas:      #ffe898;  /* bright spark — */
  --liekki:             #fff0b0;  /* flame — highlight background, near-white amber */
  --liekki-kirkas:      #fff8d0;  /* bright flame — lightest amber step */


  /* ─────────────────────────────────────────────
   * LUMI-TUHKA — snow to ash, warm neutral
   * The text axis. What you read.
   * Warm-shifted throughout — no pure greys here.
   * tuhka = ash. hiekka = sand. norsunluu = ivory.
   * kaura = oat. lumi = snow.
   * ───────────────────────────────────────────── */

  --tuhka-syvä:         #3a3028;  /* deep ash — deepest warm neutral */
  --tuhka:              #4a4030;  /* ash — disabled text, placeholder */
  --tuhka-kirkas:       #5a5038;  /* bright ash — */
  --tuhka-vaalea:       #6a6048;  /* pale ash — */
  --hiili-lämmin:       #706050;  /* warm charcoal — */
  --hiekka-tumma:       #7a6858;  /* dark sand — */
  --hiekka:             #8a7a60;  /* sand — captions, subdued text */
  --hiekka-kirkas:      #9a8a70;  /* bright sand — */
  --hiekka-vaalea:      #aa9a80;  /* pale sand — */
  --samea:              #b0a080;  /* murky — secondary text */
  --samea-kirkas:       #c0b090;  /* bright murky — */
  --norsunluu-tumma:    #ccc0a0;  /* dark ivory — */
  --norsunluu-keski:    #d0c0a0;  /* mid ivory — */
  --norsunluu:          #dfd0b0;  /* ivory — primary body text */
  --norsunluu-kirkas:   #e8dcc0;  /* bright ivory — */
  --kaura:              #f0e8c8;  /* oat — light-mode text surface */
  --kaura-kirkas:       #f4edd0;  /* bright oat — */
  --pellava:            #f4eed8;  /* linen — */
  --lumi-lämmin:        #f8f4ec;  /* warm snow — near-white warm */
  --lumi:               #fcfaf4;  /* snow — maximum contrast warm white */


  /* ─────────────────────────────────────────────
   * HARMAA — grey, the Mercedes register
   * Pure cool grey axis. No warmth.
   * The prestige neutral. The Benz.
   * hopea = silver.
   * ───────────────────────────────────────────── */

  --harmaa-musta:       #181818;  /* grey black — Benz Schwarz; cool near-black */
  --harmaa-yö:          #202020;  /* night grey — */
  --harmaa-syvä:        #2c2c2c;  /* deep grey — */
  --harmaa-tumma:       #383838;  /* dark grey — */
  --harmaa-keski-tumma: #484848;  /* mid-dark grey — */
  --harmaa-keski:       #585858;  /* mid grey — */
  --harmaa:             #686868;  /* grey — */
  --harmaa-kirkas:      #787878;  /* bright grey — */
  --hopea-tumma:        #888888;  /* dark silver — */
  --hopea:              #989898;  /* silver — neutral metadata, secondary UI */
  --hopea-kirkas:       #a8a8a8;  /* bright silver — */
  --hopea-vaalea:       #b8b8b8;  /* pale silver — Benz Silber range */
  --harmaa-vaalea:      #c8c8c8;  /* pale grey — */
  --harmaa-haale:       #d8d8d8;  /* faint grey — */
  --harmaa-valkoinen:   #e8e8e8;  /* grey white — */
  --lumi-viileä:        #f4f4f4;  /* cool snow — pure cool white */


  /* ─────────────────────────────────────────────
   * KULTA — gold
   * The metal, not the glow.
   * kulta = gold. Distinct from meripihka (amber).
   * Where amber is organic and warm, kulta is
   * precious and specific.
   * ───────────────────────────────────────────── */

  --kulta-syvä:         #3a2800;  /* deep gold — */
  --kulta-tumma:        #6a4800;  /* dark gold — */
  --kulta-keski:        #9a6800;  /* mid gold — */
  --kulta:              #c8a020;  /* gold — the metal */
  --kulta-kirkas:       #d8b030;  /* bright gold — */
  --kulta-vaalea:       #e8c848;  /* pale gold — */
  --kulta-haale:        #f0d870;  /* faint gold — */
  --kulta-lämmin:       #f4e098;  /* warm gold light — */


  /* ─────────────────────────────────────────────
   * KELTAINEN — yellow
   * Not amber. The pure hue axis.
   * keltainen = yellow. okra = ochre.
   * olki = straw. aurinko = sun.
   * The VW Hellgelb lives here.
   * ───────────────────────────────────────────── */

  --keltainen-syvä:     #403000;  /* deep yellow — */
  --keltainen-tumma:    #604800;  /* dark yellow — */
  --okra-tumma:         #806020;  /* dark ochre — */
  --okra:               #a07820;  /* ochre — */
  --keltainen-keski:    #c09020;  /* mid yellow — */
  --aurinko:            #f4c820;  /* sun — */
  --keltainen:          #e0b020;  /* yellow — */
  --keltainen-kirkas:   #f0c020;  /* bright yellow — */
  --aurinko-kirkas:     #f8d840;  /* bright sun — */
  --keltainen-haale:    #f8d040;  /* faint yellow — VW Hellgelb territory */
  --keltainen-vaalea:   #f8e060;  /* pale yellow — */
  --keltainen-lämmin:   #fce880;  /* warm yellow light — */
  --olki:               #f8e8a0;  /* straw — */
  --olki-kirkas:        #fceeb8;  /* bright straw — */
  --olki-vaalea:        #fef4d0;  /* pale straw — */
  --keltainen-valkoinen:#fefbe8;  /* yellow white — lightest keltainen step */


  /* ─────────────────────────────────────────────
   * ORANSSI — orange
   * Between amber and red. The sunset register.
   * oranssi = orange (borrowed, like the fruit).
   * terra = terracotta. paprika = paprika.
   * ───────────────────────────────────────────── */

  --oranssi-syvä:       #3a1400;  /* deep orange — */
  --oranssi-tumma:      #602000;  /* dark orange — */
  --oranssi-keski:      #903010;  /* mid orange — */
  --terra:              #b04020;  /* terracotta — */
  --oranssi:            #c84818;  /* orange — */
  --paprika:            #d04020;  /* paprika — */
  --terra-kirkas:       #c85030;  /* bright terracotta — */
  --oranssi-kirkas:     #e05820;  /* bright orange — */
  --oranssi-lämmin:     #f06830;  /* warm orange — */
  --ruusunpunainen:     #e06858;  /* rose red — */
  --oranssi-vaalea:     #f48050;  /* pale orange — */
  --pinkki-lämmin:      #e88070;  /* warm pink — lightest oranssi step */


  /* ─────────────────────────────────────────────
   * RUSKA-TULI — autumn / fire / red
   * ruska = the autumn color-change; the brief
   * red and gold before the dark. Also: the hidden
   * Kiowa heritage that surfaces for a season.
   * tuli = fire.
   * ───────────────────────────────────────────── */

  --ruska-syvä:         #2a0808;  /* deep ruska — */
  --ruska-tumma:        #480c0c;  /* dark ruska — */
  --multa:              #5a1c10;  /* earth — the soil under the leaves */
  --ruska-keski:        #7a2818;  /* mid ruska — */
  --ruska-lämmin:       #9a3820;  /* warm ruska — */
  --ruska:              #d84830;  /* autumn turn — coral red; the color event */
  --ruska-kirkas:       #e05838;  /* bright ruska — */
  --tuli-tumma:         #c82820;  /* dark fire — */
  --tuli:               #e83820;  /* fire — pure red, danger register */
  --tuli-kirkas:        #f04838;  /* bright fire — */
  --tuli-vaalea:        #f87860;  /* pale fire — */
  --ruoste-tumma:       #8a5030;  /* dark rust — */
  --ruoste:             #b89068;  /* rust patina — the OG Trabant; oxidized beige */
  --ruoste-kirkas:      #c8a070;  /* bright rust — */
  --paju:               #c09060;  /* willow — warm tan, Trabant body register */
  --paju-kirkas:        #d0a878;  /* bright willow — */


  /* ─────────────────────────────────────────────
   * PAJU-KAURA — warm beige, cream, the automotive
   * neutral register. Trabant, Lada, VW, Benz.
   * paju = willow. kaura = oat. savi = clay.
   * kaneli = cinnamon. kaarna = bark.
   * Not white. Not grey. Chosen warmth.
   * ───────────────────────────────────────────── */

  --savi:               #6a5038;  /* clay — */
  --savi-kirkas:        #7a6048;  /* bright clay — */
  --sienna:             #8a7058;  /* sienna — */
  --kaarna:             #9a8068;  /* bark — */
  --kaarna-kirkas:      #aa9078;  /* bright bark — */
  --kaneli:             #b89878;  /* cinnamon — */
  --kaneli-kirkas:      #c8a888;  /* bright cinnamon — */
  --paju-tumma:         #a07848;  /* dark willow — */
  --trabant-beige:      #c4a87a;  /* Trabant standard beige — Duroplast era */
  --hiekka-lämmin:      #b89878;  /* warm sand — */
  --trabant-vaalea:     #d4c090;  /* Trabant pale — faded in the yard */
  --trabant-cream:      #e0d0a8;  /* Trabant cream — */
  --trabant-elfenbein:  #e8dfc0;  /* Trabant Hellelfenbein — light ivory trim */
  --lada-beige:         #d8c89c;  /* Lada beige — Soviet bloc neutral */
  --kaura-tumma:        #e0d4a8;  /* dark oat — */
  --benz-creme:         #e8e0c8;  /* Benz crème — prestige neutral */
  --vw-creme:           #f0ecd0;  /* VW crème — Western market */
  --pellava-lämmin:     #f4ecd8;  /* warm linen — */
  --kerma:              #f8f0e0;  /* cream — lightest paju-kaura step */
  --kerma-kirkas:       #fdf8f0;  /* bright cream — near-white warm */


  /* ─────────────────────────────────────────────
   * VIHREÄ — green, the living world
   * sammal = moss. lehto = deciduous grove.
   * haapa = aspen. koivu = birch.
   * mänty = pine. kuusi = spruce.
   * The Trabant greens — East German factory
   * tones, slightly yellow-shifted, slightly chalked.
   * The Lada green — Soviet, slightly military.
   * ───────────────────────────────────────────── */

  --metsä-yö:           #0c1808;  /* forest night — deepest green */
  --metsä-syvä:         #142010;  /* deep forest — */
  --kuusi:              #1e3018;  /* spruce — dark conifer green */
  --kuusi-kirkas:       #284020;  /* bright spruce — */
  --mänty:              #304828;  /* pine — */
  --mänty-kirkas:       #3c5830;  /* bright pine — */
  --sammal-syvä:        #486838;  /* deep moss — */
  --sammal:             #607840;  /* moss — the forest floor */
  --sammal-kirkas:      #708848;  /* bright moss — */
  --lada-vihreä:        #507840;  /* Lada green — Soviet; slightly military */
  --lada-vihreä-kirkas: #608850;  /* bright Lada green — */
  --vw-vihreä:          #789c50;  /* VW green — slightly more Western saturation */
  --lehto-tumma:        #6a9030;  /* dark grove — */
  --lehto:              #90c830;  /* grove — warm Trabant lime; the living signal */
  --trabant-vihreä:     #8ac068;  /* Trabant Blassgrün — the factory green */
  --lehto-kirkas:       #a0d840;  /* bright grove — */
  --trabant-minttu:     #78b890;  /* Trabant Mintgrün — the mint tone */
  --minttu:             #90c8a8;  /* mint — */
  --salvia:             #a8d4b8;  /* sage — */
  --haapa-tumma:        #98bc78;  /* dark aspen — */
  --haapa:              #c8e0b0;  /* aspen — pale washed green; the shimmering tree */
  --haapa-kirkas:       #d8ecc0;  /* bright aspen — */
  --koivu-lehti:        #e0ecd0;  /* birch leaf — near-white green */
  --koivu-kirkas:       #ecf4e0;  /* bright birch — lightest vihreä step */


  /* ─────────────────────────────────────────────
   * SININEN — blue, teal, sky
   * järvi = lake. meri = sea. taivas = sky.
   * jää = ice. teräs = steel.
   * The cool of distance and depth.
   * Dusty, period-specific, not digital blue —
   * Trabant Hellblau, Lada Blau, VW Helios,
   * Benz Nachtblau. The one cool family in
   * a warm universe. Links live here.
   * Emergency light.
   * ───────────────────────────────────────────── */

  --syvänmeri:          #081820;  /* deep sea — deepest sininen */
  --meren-yö:           #0c2030;  /* sea night — */
  --järvi-yö:           #102838;  /* lake night — */
  --benz-yö:            #182840;  /* Benz night blue — prestige deep navy */
  --meri-syvä:          #183848;  /* deep sea — */
  --järvi-syvä:         #204858;  /* deep lake — */
  --lada-sininen:       #385880;  /* Lada blue — Soviet; slightly flat */
  --teräs:              #285870;  /* steel — */
  --vw-helios:          #3868a0;  /* VW Heliosblau — Western market blue */
  --järvi:              #3a7890;  /* lake — primary link color */
  --järvi-kirkas:       #4888a0;  /* bright lake — link hover */
  --meri:               #40a0b0;  /* sea — teal; interactive elements */
  --meri-kirkas:        #50b0c0;  /* bright sea — */
  --trabant-sininen:    #5080a0;  /* Trabant blue — factory tone */
  --taivas-syvä:        #5898b0;  /* deep sky — */
  --taivas:             #80b8cc;  /* sky — dusty pale blue; Trabant Hellblau */
  --trabant-taivassininen: #88b8d0; /* Trabant sky blue — the specific tone */
  --taivas-kirkas:      #90c8d8;  /* bright sky — */
  --jää-tumma:          #90c0d0;  /* dark ice — */
  --jää:                #b8d8e0;  /* ice — the one cool note; the outlier */
  --jää-kirkas:         #c8e4ec;  /* bright ice — */
  --jää-vaalea:         #d8eef4;  /* pale ice — */
  --viileä-vaalea:      #e0f0f8;  /* cool pale — */
  --arktinen:           #ecf8fc;  /* arctic — lightest sininen step */


  /* ─────────────────────────────────────────────
   * VIOLETTI — violet, lilac
   * The rarest family in the KAAMOS universe.
   * Appears at the edge of things.
   * violetti = violet. liila = lilac.
   * ───────────────────────────────────────────── */

  --violetti-syvä:      #18081c;  /* deep violet — */
  --violetti-tumma:     #280d30;  /* dark violet — */
  --violetti-keski:     #4a1858;  /* mid violet — */
  --violetti:           #702890;  /* violet — */
  --liila-tumma:        #9038a8;  /* dark lilac — */
  --liila:              #b858c0;  /* lilac — */
  --liila-kirkas:       #cc78d0;  /* bright lilac — */
  --liila-vaalea:       #e0a8e0;  /* pale lilac — */


  /* ─────────────────────────────────────────────
   * AUTOMOTIVE — named colors, documented
   * Not approximations. The actual colors of
   * specific cars from a specific era.
   * Central/Eastern Europe, 1975–1991.
   * The color temperature of that street.
   * ───────────────────────────────────────────── */

  /* Trabant 601 — Duroplast body, solid finishes only;
     no metallic possible on the material */
  --auto-trabant-standardbeige:   #c4a87a;  /* Standard Beige — the classic */
  --auto-trabant-elfenbein:       #e8dfc0;  /* Hellelfenbein — light ivory */
  --auto-trabant-cremeweis:       #f0e8d0;  /* Cremeweiss — cream white */
  --auto-trabant-korallrot:       #d84838;  /* Korallrot — coral red */
  --auto-trabant-blassgruen:      #8ac068;  /* Blassgrün — pale green */
  --auto-trabant-mintgruen:       #78b890;  /* Mintgrün — mint green */
  --auto-trabant-hellblau:        #88b8d0;  /* Hellblau — sky blue */
  --auto-trabant-patina:          #b89068;  /* the OG patina — paint chalked by years */

  /* Lada 2101–2107 — Soviet bloc production,
     slightly grey-shifted pigments */
  --auto-lada-weis:               #f0f0e8;  /* Lada Weiss — Soviet white */
  --auto-lada-beige:              #d8c89c;  /* Lada Beige — bloc neutral */
  --auto-lada-vihrea:             #507840;  /* Lada Grün — Soviet green; slightly military */
  --auto-lada-sininen:            #385880;  /* Lada Blau — flat Soviet blue */

  /* Volkswagen — Golf/Polo/Passat 1974–1991;
     Western market; slightly more saturated */
  --auto-vw-marsrot:              #b03028;  /* Mars Rot — VW deep red */
  --auto-vw-heliosblau:           #3868a0;  /* Helios Blau — the Western blue */
  --auto-vw-hellgelb:             #f0d840;  /* Hellgelb — light yellow */
  --auto-vw-silber:               #a0a8a8;  /* Silber Metallic — the VW grey */

  /* Mercedes-Benz — the prestige outlier;
     cool neutrals, deep navy, silence */
  --auto-benz-silber:             #b0b8b8;  /* Benz Silber — the signature grey */
  --auto-benz-nachtblau:          #182840;  /* Nachtblau — night blue; the prestige dark */
  --auto-benz-schwarz:            #181818;  /* Schwarz — Benz black; cool, not warm */
  --auto-benz-creme:              #e8e0c8;  /* Crème — the quiet luxury neutral */


  /* ─────────────────────────────────────────────
   * FILMI — 16mm improperly processed
   * The look of colour negative film developed
   * in wrong chemistry, wrong temperature, or
   * pulled from fixer before time.
   * Base fog lifted. Colour crossover.
   * Chemical staining. The KAAMOS machinima register.
   *
   * Ground truth: ektagreen. The Ektachrome bias
   * runs through everything — the shadow crossover,
   * the midground cast. A specific film stock's
   * colour temperature, not a neutral error.
   * IRL experiments will confirm or extend this.
   *
   * filmi = film. rae = grain. sumu = fog.
   * halo = halo. kehitysvirhe = processing error.
   * ektagreen = the green cast of Ektachrome stock.
   *
   * Not what the frame should look like.
   * What it actually looks like.
   * ───────────────────────────────────────────── */

  --filmi-pohja:        #141a10;  /* film base — lifted black; base fog from expired stock */
  --filmi-sumu:         #1e2618;  /* base fog — the shadow where you'd expect dark */
  --filmi-varjo:        #283820;  /* shadow crossover — green cast; E-6 in C-41 chemistry */
  --filmi-vihertävä:    #3a4828;  /* cold cast — wrong temperature developer; below 38°C */
  --filmi-rae:          #4a5038;  /* grain — silver halide at the edge of resolution */
  --filmi-harmaa:       #60605a;  /* bleach bypass — silver retained; skipped the bleach step */
  --filmi-keski:        #8a8060;  /* warm midtone — developer too hot; overall orange push */
  --filmi-patinoitu:    #a89068;  /* oxidized — developer exposed to air; yellowed neutral */
  --filmi-halo:         #c8a050;  /* halation — warm bleed; no anti-halation backing */
  --filmi-palo:         #e0c870;  /* burn — overexposed frame; developer overrun */
  --filmi-ylialtistus:  #f0dca0;  /* overexposure — blown warm highlight; double-framed */
  --filmi-magenta:      #987880;  /* fixer stain — undertixed silver thiosulfate complex */


  /* ─────────────────────────────────────────────
   * SEMANTIC — functional aliases
   * These reference palette values above.
   * The layer where color gets its job.
   * Change the palette; these follow.
   * ───────────────────────────────────────────── */

  /* backgrounds */
  --bg:                 var(--tyhjyys);
  --bg-elevated:        var(--kuilu);
  --bg-inset:           var(--kuilu-syvä);
  --bg-overlay:         var(--kolkko);

  /* surfaces */
  --surface:            var(--kuilu);
  --surface-hover:      var(--kolkko);
  --surface-active:     var(--varjo);

  /* borders and rules */
  --border-strong:      var(--varjo);
  --border:             var(--hämärä);
  --border-subtle:      var(--hämärä-kirkas);
  --rule:               var(--varjo);
  --rule-accent:        var(--meripihka-dim);

  /* text */
  --text:               var(--norsunluu);
  --text-subdued:       var(--hiekka);
  --text-muted:         var(--tuhka);
  --text-disabled:      var(--tuhka-syvä);
  --text-heading:       var(--meripihka);
  --text-subheading:    var(--meripihka-dim);

  /* accent */
  --accent:             var(--meripihka);
  --accent-dim:         var(--meripihka-dim);
  --accent-hover:       var(--hehku);
  --accent-subtle:      var(--meripihka-low);

  /* interactive */
  --link:               var(--järvi);
  --link-hover:         var(--meri);
  --link-visited:       var(--järvi-syvä);
  --link-active:        var(--järvi-kirkas);

  /* selection */
  --selection-bg:       var(--meripihka-syvä);
  --selection-text:     var(--kipinä);

  /* code */
  --code-bg:            var(--kuilu-syvä);
  --code-text:          var(--haapa);
  --code-border:        var(--hämärä);

  /* states */
  --state-error:        var(--tuli);
  --state-error-bg:     var(--ruska-syvä);
  --state-warning:      var(--meripihka);
  --state-warning-bg:   var(--meripihka-hiili);
  --state-success:      var(--lehto);
  --state-success-bg:   var(--metsä-syvä);
  --state-info:         var(--järvi);
  --state-info-bg:      var(--järvi-yö);

  /* site mark / brand */
  --brand:              var(--meripihka);
  --brand-dim:          var(--meripihka-dim);

  /* blockquote / framing note */
  --framing-border:     var(--meripihka-low);
  --framing-text:       var(--hiekka);

  /* footer */
  --footer-border:      var(--varjo);
  --footer-text:        var(--meripihka-dim);

  /* drop cap */
  --dropcap:            var(--meripihka);

  /* Finnish language span (.fi) */
  --fi-text:            var(--meripihka-dim);

  /* amber rule gradient */
  --rule-amber-from:    transparent;
  --rule-amber-mid:     var(--meripihka-dim);
  --rule-amber-to:      transparent;

}