/* Hi-Touch — semantic color tokens. Dark by default; light via [data-theme="light"] on . */ :root{ color-scheme:dark; /* field — the surface everything sits on */ --field:#0E0E0C; --field-raised:#181816; --field-recessed:#060605; /* ink — text and linework */ --ink:#F5F2EA; --ink-muted:color-mix(in oklab,var(--ink) 62%,var(--field)); --ink-faint:color-mix(in oklab,var(--ink) 38%,var(--field)); /* signal — the one moving part; ≤1 use per composition */ --signal:#68DE3A; --on-signal:#0E0E0C; } :root[data-theme="light"]{ color-scheme:light; --field:#F4F0E6; --field-raised:#FAF7EF; --field-recessed:#ECE6D8; --ink:#15130F; --signal:#68DE3A; --on-signal:#15130F; }