/* ===== Token màu/kích thước dùng chung (macOS Tahoe / Liquid Glass) — module CHỈ dùng biến này, không hardcode màu ===== */
:root{
 --bg:#FFF8F3;--surface:#FFFFFF;--surface-2:#FDF0E8;--text:#2B1D1A;--text-2:#6A544D;--text-3:#8A746C;
 --line:rgba(90,50,40,.13);--line-2:rgba(90,50,40,.24);
 --accent:#C73A35;--accent-2:#A62B2B;--accent-soft:rgba(199,58,53,.10);--on-accent:#FFFFFF;--gold:#9A6F1E;--gold-soft:#F3E3BE;--peach:#F9DDD0;--blush:#FCEBE4;
 --ok:#248A3D;--ok-soft:rgba(52,199,89,.16);--warn:#B25000;--warn-soft:rgba(255,159,10,.18);--danger:#D70015;--danger-soft:rgba(255,59,48,.14);
 --glass:rgba(255,248,243,.82);--glass-strong:rgba(255,248,243,.94);--glass-line:rgba(90,50,40,.14);
 --shadow-1:0 1px 2px rgba(0,0,0,.04),0 6px 20px rgba(0,0,0,.05);--shadow-2:0 12px 44px rgba(0,0,0,.16);
 --r-s:12px;--r-m:16px;--r-l:20px;
 --font:'Be Vietnam Pro',-apple-system,BlinkMacSystemFont,'SF Pro Text',system-ui,sans-serif;--font-display:'Fraunces','Playfair Display',Georgia,serif;
 color-scheme:light dark}
@media(prefers-color-scheme:dark){:root:not([data-scheme=light]){
 --bg:#1F1614;--surface:#2E2320;--surface-2:#261C1A;--text:#FBEFE9;--text-2:#C9B3AA;--text-3:#A38F87;
 --line:rgba(255,230,220,.14);--line-2:rgba(255,230,220,.26);
 --accent:#FF7A70;--on-accent:#2B1D1A;--accent-2:#FF9A90;--accent-soft:rgba(255,122,112,.22);--gold:#E0B861;--gold-soft:#3B2E14;--peach:#3A2622;--blush:#2A1D1A;
 --ok:#30D158;--ok-soft:rgba(48,209,88,.2);--warn:#FFB340;--warn-soft:rgba(255,159,10,.22);--danger:#FF6961;--danger-soft:rgba(255,69,58,.22);
 --glass:rgba(46,35,32,.82);--glass-strong:rgba(46,35,32,.94);--glass-line:rgba(255,230,220,.14);
 --shadow-1:0 1px 2px rgba(0,0,0,.3),0 6px 20px rgba(0,0,0,.28);--shadow-2:0 12px 44px rgba(0,0,0,.55)}}
:root[data-scheme=dark]{
 --bg:#1F1614;--surface:#2E2320;--surface-2:#261C1A;--text:#FBEFE9;--text-2:#C9B3AA;--text-3:#A38F87;
 --line:rgba(255,230,220,.14);--line-2:rgba(255,230,220,.26);
 --accent:#FF7A70;--on-accent:#2B1D1A;--accent-2:#FF9A90;--accent-soft:rgba(255,122,112,.22);--gold:#E0B861;--gold-soft:#3B2E14;--peach:#3A2622;--blush:#2A1D1A;
 --ok:#30D158;--ok-soft:rgba(48,209,88,.2);--warn:#FFB340;--warn-soft:rgba(255,159,10,.22);--danger:#FF6961;--danger-soft:rgba(255,69,58,.22);
 --glass:rgba(46,35,32,.82);--glass-strong:rgba(46,35,32,.94);--glass-line:rgba(255,230,220,.14);
 --shadow-1:0 1px 2px rgba(0,0,0,.3),0 6px 20px rgba(0,0,0,.28);--shadow-2:0 12px 44px rgba(0,0,0,.55);color-scheme:dark}
:root[data-scheme=light]{color-scheme:light}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}