:root { --bg: #FBF6EE; --surface: #FFFFFF; --surfaceTint: #F3E9DA; --ink: #263C5B; --inkMuted: #5B6475; --line: #E4DCCD; --control: #7A8396; --primary: #263C5B; --onPrimary: #FFFFFF; --accent: #D4354F; --accentInk: #B02A40; --success: #1F6B3A; --warning: #9A4F0E; --error: #9A3412; --focus: #1D5FD1; }
@media (prefers-color-scheme: dark) { :root { --bg: #141A26; --surface: #1D2535; --surfaceTint: #26304A; --ink: #E8EDF5; --inkMuted: #B9C2D3; --line: #2E3850; --control: #8C94A6; --primary: #9DB4E0; --onPrimary: #141A26; --accent: #F08A8D; --accentInk: #F08A8D; --success: #7FD49B; --warning: #F0A55A; --error: #F0A55A; --focus: #8DB4FF; } }
html[lang="en"] body { font-family: 'system-ui', system-ui, sans-serif; }
html[lang="es"] body { font-family: 'system-ui', system-ui, sans-serif; }
html[lang="zh-Hans"] body { font-family: 'PingFang SC', 'Noto Sans CJK SC', 'Noto Sans SC', system-ui, sans-serif; }
html[lang="vi"] body { font-family: 'system-ui', 'Noto Sans', system-ui, sans-serif; }
html[lang="ko"] body { font-family: 'Apple SD Gothic Neo', 'Noto Sans CJK KR', 'Noto Sans KR', system-ui, sans-serif; }
html[lang="ar"] body { font-family: 'Geeza Pro', 'Noto Naskh Arabic', 'Noto Sans Arabic', system-ui, sans-serif; }