/* * KEVÄT — the first day of spring * The snow is still on the ground. * The sun came back an hour ago. * Something else knew it was coming before that. * * Not summer. Not yet. The world is still pale, * still raw, still running on animal time. * The birch buds have not opened. * The lake has not yet unlocked. * But the reindeer is moving. * * Apply via: * Requires palette.css first. * * Copyright © 2026 James McGill. All rights reserved. */ [data-theme="kevat"] { /* ── backgrounds — melting snow, pale sky ───────────── */ --bg: var(--arktinen); /* arctic pale — ground still white */ --bg-elevated: var(--lumi-viileä); /* cool snow — card face */ --bg-inset: var(--jää-vaalea); /* pale ice — inset */ --bg-overlay: var(--jää-kirkas); /* bright ice — overlay */ /* ── surfaces ────────────────────────────────────────── */ --surface: var(--lumi-viileä); --surface-hover: var(--arktinen); --surface-active: var(--jää-vaalea); /* ── borders — meltwater thin ────────────────────────── */ --border-strong: var(--taivas-kirkas); /* pale sky — the firmest line */ --border: var(--jää); /* ice — standard border */ --border-subtle: var(--jää-kirkas); /* bright ice — almost invisible */ --rule: var(--jää); --rule-accent: var(--minttu); /* mint — the first green signal */ /* ── text — spruce dark on snow pale ────────────────── */ --text: var(--tuhka-syvä); /* deep warm ash — primary */ --text-subdued: var(--hiekka-tumma); /* dark sand — secondary */ --text-muted: var(--hiekka); /* sand — muted */ --text-disabled: var(--samea); /* murky — disabled */ --text-heading: var(--mänty); /* pine — first dark green heading */ --text-subheading:var(--sammal-syvä); /* deep moss — subheading */ /* ── accent — first green ───────────────────────────── */ --accent: var(--minttu); /* mint — spring came back */ --accent-dim: var(--trabant-minttu); /* Trabant mint — cooler */ --accent-hover: var(--lehto); /* grove — warmer hover */ --accent-subtle: var(--salvia); /* sage — barely registering */ /* ── interactive — the lake just starting to move ──── */ --link: var(--järvi); --link-hover: var(--järvi-kirkas); --link-visited: var(--teräs); --link-active: var(--meri); /* ── selection ───────────────────────────────────────── */ --selection-bg: var(--minttu); --selection-text: var(--tuhka-syvä); /* ── code ────────────────────────────────────────────── */ --code-bg: var(--jää-vaalea); --code-text: var(--mänty-kirkas); /* bright pine — code text */ --code-border: var(--jää); /* ── framing ─────────────────────────────────────────── */ --framing-border: var(--minttu); --framing-text: var(--hiekka-tumma); /* ── footer ──────────────────────────────────────────── */ --footer-border: var(--jää); --footer-text: var(--samea); /* ── dropcap, fi span ────────────────────────────────── */ --dropcap: var(--mänty); --fi-text: var(--sammal-syvä); /* ── rule gradient — pale mint fade ─────────────────── */ --rule-amber-from: transparent; --rule-amber-mid: var(--minttu); --rule-amber-to: transparent; /* ── states ──────────────────────────────────────────── */ --state-error: var(--tuli); --state-error-bg: var(--ruoste-kirkas); --state-warning: var(--kulta-keski); --state-warning-bg: var(--olki); --state-success: var(--sammal-kirkas); --state-success-bg: var(--koivu-kirkas); --state-info: var(--järvi); --state-info-bg: var(--jää-vaalea); /* ── brand ───────────────────────────────────────────── */ --brand: var(--minttu); --brand-dim: var(--trabant-minttu); }