/* ============================================================ feber-tokens.css · v2.0.0 Grunntoner for hele feber-familien. Endres KUN i feber-system- repoet — aldri lokalt i et hus. Spesifikasjon: https://claude.ai/code/artifact/d724a707-3906-4f60-945b-4b4a99b2a27f Bruk: finans spill Komponenter leser bare de semantiske slot-variablene (--bg, --surface, --tx, --ax-*) — aldri råverdiene. Stemning er merkevare, ikke brukervalg: finans-hus er alltid lyse, spill-hus alltid mørke. ============================================================ */ :root{ /* typeskala — 1,2-forhold på 15 px grunnflate */ --fs--1:.8125rem; --fs-0:.9375rem; --fs-1:1.0625rem; --fs-2:1.25rem; --fs-3:1.5rem; --fs-4:1.875rem; --fs-5:2.375rem; --fs-6:3rem; --fs-7:3.875rem; --fs-8:5.25rem; /* luft — 4 px-trinn */ --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:72px; /* hjørner — dybde lages med strek og flatetone, aldri skygge */ --r-chip:3px; --r-ctrl:9px; --r-card:14px; --r-panel:22px; --r-pill:999px; /* nøytraler · lys/tillit */ --bone:#F7F4ED; --surf:#FFFFFF; --sunk:#EFEAE0; --line-l:#E2DCCF; --ink:#1C1713; --ink2:#4F473D; --ink3:#70675A; /* nøytraler · mørk/luks */ --brent:#131009; --dsurf:#1C1812; --draise:#242019; --line-d:#302A21; --bein:#F2EDE2; --bein2:#B9AF9F; --bein3:#8E8474; /* aksenter — løst i OKLCH, målt mot WCAG 2.2 (se tools/palette.py) nivåer: text (lenker/ord) · vivid (knapper, puls, store tall — alltid blekk oppå) · wash (markert flate) · deep (kun dekor, aldri tekst) */ --rod-text-l:#BB443D; --rod-vivid-l:#F14E46; --rod-wash-l:#F9E7DF; --rod-text-d:#E46D62; --rod-vivid-d:#F46C61; --rod-wash-d:#36241C; --rod-deep:#94020D; --glo-text-l:#B44D0F; --glo-vivid-l:#E35F05; --glo-wash-l:#F7E8DC; --glo-text-d:#DA7646; --glo-vivid-d:#F2793D; --glo-wash-d:#362519; --glo-deep:#7F3201; /* terra/korall re-mintet 2026-07-17 (dypere, mot eiers hint-hexer; terra beholder H38, korall 20→21 — hintets H27,3 er rods hue) */ --terra-text-l:#B74A27; --terra-vivid-l:#E06037; --terra-wash-l:#F7E8DE; --terra-text-d:#DA7555; --terra-vivid-d:#EB7551; --terra-wash-d:#35241A; --terra-deep:#7F2400; --korall-text-l:#BB4349; --korall-vivid-l:#EA545B; --korall-wash-l:#F8E7E0; --korall-text-d:#E26D6F; --korall-vivid-d:#F46B6E; --korall-wash-d:#36231D; --korall-deep:#880920; --kobber-text-l:#966030; --kobber-vivid-l:#BD783B; --kobber-wash-l:#F3E9DE; --kobber-text-d:#C28C5F; --kobber-vivid-d:#D4945E; --kobber-wash-d:#32271C; --kobber-deep:#723E03; /* rav mintet 2026-07-17 for strøm — H69: hintet #D97706 (H58,3) er 1,7° fra kobber; amber-karakteren beholdes på trygg husavstand */ --rav-text-l:#976014; --rav-vivid-l:#BE780D; --rav-wash-l:#F3E9DC; --rav-text-d:#BC8646; --rav-vivid-d:#CB8937; --rav-wash-d:#312618; --rav-deep:#653D00; --gull-text-l:#89670F; --gull-vivid-l:#AB8110; --gull-wash-l:#F1EADC; --gull-text-d:#C7A456; --gull-vivid-d:#D5A948; --gull-wash-d:#322A1A; --gull-deep:#624902; --rubin-text-l:#B64658; --rubin-vivid-l:#DD5E70; --rubin-wash-l:#F7E8E2; --rubin-text-d:#D9727D; --rubin-vivid-d:#E76F7E; --rubin-wash-d:#35241F; --rubin-deep:#88032D; /* tekst på aksentflate — alltid blekk, i begge stemninger */ --on-accent:#1C1713; /* handling / «gå» — universell konverteringsfarge, LIK i alle hus og stemninger (grønn = handle, uansett vertikal). Skiller den ene handlingen fra husets aksent (merke/lenker/varme). Mørk grønnblekk oppå for kontrast (WCAG AA på flaten). Brukes KUN på primær-CTA. ⚠️ DECISION-NEEDED (v2.0.0): --go måler 2,42 mot BEIN — under systemets egen vivid-grense (≥3,0 på flate, som solveren selv håndhever, se tools/palette.py). Den holder i mørk stemning (7,15 mot BRENT) og blekket oppå er trygt (5,83). Verdien er bevisst IKKE endret: den er live konverteringsfarge på kredittkortfeber, og å endre den er en eierbeslutning. Se CHANGELOG.md. */ --go:#10B665; --go-hover:#0EA45B; --go-ink:#072A19; } /* ---------- stemning: semantiske slots ---------- */ [data-mood="lys"]{ --bg:var(--bone); --surface:var(--surf); --raise:var(--sunk); --tx:var(--ink); --tx2:var(--ink2); --tx3:var(--ink3); --ln:var(--line-l); --ax-text:var(--_tl); --ax-vivid:var(--_vl); --ax-wash:var(--_wl); --ax-deep:var(--_dp); color-scheme:light; } [data-mood="mørk"]{ --bg:var(--brent); --surface:var(--dsurf); --raise:var(--draise); --tx:var(--bein); --tx2:var(--bein2); --tx3:var(--bein3); --ln:var(--line-d); --ax-text:var(--_td); --ax-vivid:var(--_vd); --ax-wash:var(--_wd); --ax-deep:var(--_dp); color-scheme:dark; } /* ---------- hus: råverdier per vertikal ---------- */ [data-hus="feber"]{ --_tl:var(--rod-text-l); --_vl:var(--rod-vivid-l); --_wl:var(--rod-wash-l); --_td:var(--rod-text-d); --_vd:var(--rod-vivid-d); --_wd:var(--rod-wash-d); --_dp:var(--rod-deep)} [data-hus="kredittkort"]{--_tl:var(--glo-text-l); --_vl:var(--glo-vivid-l); --_wl:var(--glo-wash-l); --_td:var(--glo-text-d); --_vd:var(--glo-vivid-d); --_wd:var(--glo-wash-d); --_dp:var(--glo-deep)} [data-hus="rente"]{ --_tl:var(--terra-text-l); --_vl:var(--terra-vivid-l); --_wl:var(--terra-wash-l); --_td:var(--terra-text-d); --_vd:var(--terra-vivid-d); --_wd:var(--terra-wash-d); --_dp:var(--terra-deep)} [data-hus="aksje"]{ --_tl:var(--korall-text-l); --_vl:var(--korall-vivid-l); --_wl:var(--korall-wash-l); --_td:var(--korall-text-d); --_vd:var(--korall-vivid-d); --_wd:var(--korall-wash-d); --_dp:var(--korall-deep)} [data-hus="strøm"]{ --_tl:var(--rav-text-l); --_vl:var(--rav-vivid-l); --_wl:var(--rav-wash-l); --_td:var(--rav-text-d); --_vd:var(--rav-vivid-d); --_wd:var(--rav-wash-d); --_dp:var(--rav-deep)} [data-hus="pensjon"]{ --_tl:var(--kobber-text-l); --_vl:var(--kobber-vivid-l); --_wl:var(--kobber-wash-l); --_td:var(--kobber-text-d); --_vd:var(--kobber-vivid-d); --_wd:var(--kobber-wash-d); --_dp:var(--kobber-deep)} [data-hus="bonus"]{ --_tl:var(--gull-text-l); --_vl:var(--gull-vivid-l); --_wl:var(--gull-wash-l); --_td:var(--gull-text-d); --_vd:var(--gull-vivid-d); --_wd:var(--gull-wash-d); --_dp:var(--gull-deep)} [data-hus="casino"]{ --_tl:var(--rubin-text-l); --_vl:var(--rubin-vivid-l); --_wl:var(--rubin-wash-l); --_td:var(--rubin-text-d); --_vd:var(--rubin-vivid-d); --_wd:var(--rubin-wash-d); --_dp:var(--rubin-deep)} /* Nytt hus = sju linjer: kjør tools/palette.py med ny OKLCH-nyanse (varmebåndet 10–90°), lim inn råverdiene over, legg til én [data-hus="…"]-blokk. Alt annet arves. */