/* ===== MOKLAV design tokens (shared kit /opt/moklav-brand-ui). ===== */
@font-face{font-family:"BIZ UDPGothic";src:local("BIZ UDPGothic"),local("BIZUDPGothic-Regular"),url(/static/brand-ui/BIZUDPGothic-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"BIZ UDPGothic";src:local("BIZ UDPGothic Bold"),local("BIZUDPGothic-Bold"),url(/static/brand-ui/BIZUDPGothic-Bold.woff2) format("woff2");font-weight:700 800;font-display:swap}
:root{
 /* CTO 2026-10-16: navy #181F32 + accent cyan #50BDEB only. Cyan is a background/accent: text on cyan is navy (7.67:1). Text/links on light bg are navy (16.4:1); on dark bg cyan (8.6:1). */
 --navy:#181F32; --cyan:#50BDEB; --grad:linear-gradient(135deg,#181F32,#50BDEB);
 --brand:#181F32; --brand-bg:#50BDEB; --brand-ink:#181F32; --brand-hover:#7fd0f1; --brand-soft:#e3f5fc;
 --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:"BIZ UDPGothic",-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:#50BDEB;--brand-ink:#181F32;--brand-hover:#7fd0f1;--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:#50BDEB;--brand-ink:#181F32;--brand-hover:#7fd0f1;--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)}}