/* * HETKI — the moment * Same bright day. West Berlin. 1977. * The light hits stucco and Trabant paint, * not birch bark. * Alexander is writing A Pattern Language * three blocks from here. * You stopped looking at the Wall. * * For the ones who have seen it. * * Apply via: * Requires palette.css first. */ [data-theme="hetki"] { /* ── backgrounds ─────────────────────────────────────── */ --bg: var(--trabant-elfenbein); /* Hellelfenbein — the facade */ --bg-elevated: var(--auto-lada-weis); /* Soviet white — card surface */ --bg-inset: var(--benz-creme); /* Benz crème — inset */ --bg-overlay: var(--trabant-cream); /* faded in the yard */ /* ── surfaces ────────────────────────────────────────── */ --surface: var(--auto-lada-weis); --surface-hover: var(--trabant-elfenbein); --surface-active: var(--benz-creme); /* ── borders — concrete dust ─────────────────────────── */ --border-strong: var(--harmaa-vaalea); /* pale grey, present */ --border: var(--harmaa-haale); /* concrete dust */ --border-subtle: var(--harmaa-valkoinen); /* almost gone */ --rule: var(--harmaa-haale); --rule-accent: var(--ruoste); /* rust — the thing that stayed */ /* ── text — cool, precise ────────────────────────────── */ --text: var(--harmaa-syvä); /* cool deep grey */ --text-subdued: var(--harmaa-keski); /* mid grey */ --text-muted: var(--hopea); /* silver — metadata */ --text-disabled: var(--hopea-kirkas); /* pale silver */ --text-heading: var(--lada-sininen); /* Eastern blue — the heading */ --text-subheading:var(--ruoste); /* rust patina — subheadings */ /* ── accent — the Western blue ───────────────────────── */ --accent: var(--vw-helios); /* VW Heliosblau — the West */ --accent-dim: var(--lada-sininen); /* Lada Blau — dimmer, East */ --accent-hover: var(--trabant-sininen); /* Trabant blue — hover */ --accent-subtle: var(--jää); /* ice blue — barely there */ /* ── interactive — Western blue links ───────────────── */ --link: var(--vw-helios); --link-hover: var(--järvi-kirkas); --link-visited: var(--teräs); --link-active: var(--meri); /* ── selection ───────────────────────────────────────── */ --selection-bg: var(--taivas); /* dusty sky */ --selection-text: var(--harmaa-musta); /* Benz Schwarz on sky */ /* ── code — cream ground, pine text ─────────────────── */ --code-bg: var(--benz-creme); --code-text: var(--kuusi); /* spruce, cool and dark */ --code-border: var(--harmaa-haale); /* ── framing ─────────────────────────────────────────── */ --framing-border: var(--ruoste); /* rust border on blockquote */ --framing-text: var(--harmaa-keski); /* ── footer ──────────────────────────────────────────── */ --footer-border: var(--harmaa-haale); --footer-text: var(--hopea); /* ── dropcap, fi span ────────────────────────────────── */ --dropcap: var(--vw-helios); --fi-text: var(--ruoste); /* ── rule gradient — rust, not amber ────────────────── */ --rule-amber-from: transparent; --rule-amber-mid: var(--ruoste); --rule-amber-to: transparent; /* ── states ──────────────────────────────────────────── */ --state-error: var(--tuli); --state-error-bg: var(--ruoste-tumma); --state-warning: var(--okra); --state-warning-bg: var(--benz-creme); --state-success: var(--lada-vihreä); --state-success-bg: var(--koivu-kirkas); --state-info: var(--vw-helios); --state-info-bg: var(--jää-vaalea); /* ── brand ───────────────────────────────────────────── */ --brand: var(--vw-helios); --brand-dim: var(--lada-sininen); }