/* ===== MOKLAV design tokens. Brand colors/fonts are OWNER_FILL: replace values here only. ===== */
:root{
 /* Sampled from kit-logo.png: navy #181f32, blue #2f86d3, gradient #2f86d3 -> #4ab4e7. --brand is #2f86d3 darkened to pass AA (5.5:1 on white). */
 --navy:#181f32; --blue:#2f86d3; --sky:#4ab4e7; --grad:linear-gradient(135deg,#2f86d3,#4ab4e7);
 --brand:#1d6ab8; --brand-ink:#ffffff; --brand-hover:#17589a; --brand-soft:#e7f1fb;
 --accent:#0f9f8f;
 --ink:#181f32; --ink-2:#374151; --mut:#5b6474; --bg:#f6f7f9; --bg-2:#eef0f4; --card:#ffffff; --line:#e3e6eb; --code:#f1f3f6;
 --ok:#047857; --okb:#d9f5ea; --warn:#92400e; --warnb:#fdf0d5; --err:#b91c1c; --errb:#fde4e4; --info:#1d4ed8; --infob:#e3ebfd;
 --font:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,Roboto,Helvetica,Arial,sans-serif;
 --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
 --radius:12px; --radius-s:8px; --shadow:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06); --shadow-l:0 12px 32px rgba(16,24,40,.12);
 --side:244px; --b:var(--brand); --bd:var(--brand-hover);
}
[data-theme=dark]{--brand:#4ab4e7;--brand-ink:#0f1424;--brand-hover:#6cc4ee;--brand-soft:#15304a;--accent:#4fd1c0;
 --ink:#e7eaf0;--ink-2:#c3c9d4;--mut:#9aa3b2;--bg:#0f1424;--bg-2:#141a2c;--card:#181f32;--line:#2a3452;--code:#1d2540;
 --ok:#6ee7b7;--okb:#0f3a2c;--warn:#fcd34d;--warnb:#3d2c0b;--err:#fca5a5;--errb:#45161a;--info:#9bb9ff;--infob:#18264a;--shadow:none;--shadow-l:0 12px 32px rgba(0,0,0,.5)}
@media(prefers-color-scheme:dark){[data-theme=auto]{--brand:#4ab4e7;--brand-ink:#0f1424;--brand-hover:#6cc4ee;--brand-soft:#15304a;--accent:#4fd1c0;
 --ink:#e7eaf0;--ink-2:#c3c9d4;--mut:#9aa3b2;--bg:#0f1424;--bg-2:#141a2c;--card:#181f32;--line:#2a3452;--code:#1d2540;
 --ok:#6ee7b7;--okb:#0f3a2c;--warn:#fcd34d;--warnb:#3d2c0b;--err:#fca5a5;--errb:#45161a;--info:#9bb9ff;--infob:#18264a;--shadow:none;--shadow-l:0 12px 32px rgba(0,0,0,.5)}}