/* Taktmap brand tokens: drop-in for mockups-v2/src/tokens.css (same variable names).
   Load after tokens.css. Light is the default; dark via [data-theme="dark"] or the OS preference. */
:root{
--font:"Geist",Inter,system-ui,sans-serif;--mono:"Geist Mono",ui-monospace,monospace;
--bg:#fafafa;--surface:#ffffff;--sunken:#f4f4f5;--border:#e4e4e7;--border-strong:#d4d4d8;
--text:#18181b;--text-2:#52525b;--text-3:#71717a;--faint:#a1a1aa;
--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#eef2ff;--accent-text:#3730a3;
--ok:#15803d;--ok-soft:#f0fdf4;--warn:#b45309;--warn-soft:#fffbeb;--danger:#b91c1c;--danger-soft:#fef2f2;--info:#1d4ed8;--info-soft:#eff6ff;
--brand-ink:#18181b;--brand-accent:#4f46e5;--brand-tint:#c7d2fe;
--accent-on:#ffffff;--accent-shadow:0 1px 2px color-mix(in srgb,var(--accent) 30%,transparent);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
--bg:#09090b;--surface:#18181b;--sunken:#111113;--border:#27272a;--border-strong:#3f3f46;
--text:#fafafa;--text-2:#d4d4d8;--text-3:#a1a1aa;--faint:#71717a;
--accent:#818cf8;--accent-hover:#a5b4fc;--accent-soft:#1e1b4b;--accent-text:#c7d2fe;
--ok:#4ade80;--ok-soft:#052e16;--warn:#fbbf24;--warn-soft:#2a1a05;--danger:#f87171;--danger-soft:#2a0a0a;--info:#60a5fa;--info-soft:#0b1a33;
--brand-ink:#fafafa;--brand-accent:#818cf8;--accent-on:#1e1b4b;}}
[data-theme="dark"]{
--bg:#09090b;--surface:#18181b;--sunken:#111113;--border:#27272a;--border-strong:#3f3f46;
--text:#fafafa;--text-2:#d4d4d8;--text-3:#a1a1aa;--faint:#71717a;
--accent:#818cf8;--accent-hover:#a5b4fc;--accent-soft:#1e1b4b;--accent-text:#c7d2fe;
--ok:#4ade80;--ok-soft:#052e16;--warn:#fbbf24;--warn-soft:#2a1a05;--danger:#f87171;--danger-soft:#2a0a0a;--info:#60a5fa;--info-soft:#0b1a33;
--brand-ink:#fafafa;--brand-accent:#818cf8;--accent-on:#1e1b4b;}
/* Note: on the dark accent (#818cf8) use --accent-on (#1e1b4b) on primary buttons and accent fills, not white. */