/* Travelguidestip 1+8 theme: tokens (light/dark) + base. Source: ban-mau/src/kieu-vo.css */
:root{
  --nen:#FFFFFF;--nen2:#F6F3EC;--nen3:#EDF3F8;--muc:#13212E;--chu2:#33475A;--mo:#566777;
  --vien:#E2DED4;--vien2:#CFD8E0;
  --x:#1D5D8C;--x-chu:#1D5D8C;--x-dam:#154A72;--x-nhat:#E6EFF7;
  --la:#1F7A57;--la-chu:#1A6B4C;--la-nhat:#E4F2EA;
  --vang:#F2A900;--vang-dam:#D99700;--vang-chu:#13212E;--vang-nhat:#FFF5DA;
  --giu:#FFF4D6;--giu-vien:#C98A00;--giu-chu:#6B4A00;
  --san:#D9DEE3;--chrome:#13212E;--chrome-chu:#F4F7FA;
  --note:#FFF3BF;--note-vien:#D9A800;--note-chu:#4A3A00;--ghim:#FFD43B;
  --f-tieu:"Bricolage Grotesque",system-ui,"Segoe UI",sans-serif;
  --f-than:"Karla",system-ui,"Segoe UI",sans-serif;
  --vo:"Be Vietnam Pro",system-ui,"Segoe UI",sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root{
  --nen:#0F1A23;--nen2:#15222D;--nen3:#132433;--muc:#E8EEF3;--chu2:#C3CFD9;--mo:#97A8B6;
  --vien:#263847;--vien2:#2E4556;
  --x:#2C78B3;--x-chu:#86BDE6;--x-dam:#2468A0;--x-nhat:#14283A;
  --la:#2A8F67;--la-chu:#6FD0A6;--la-nhat:#123026;
  --vang-nhat:#33290C;--giu:#3A2E0E;--giu-vien:#D9A800;--giu-chu:#F7E2A0;
  --san:#070E14;--chrome:#03080C;--note:#3A3110;--note-vien:#C99A00;--note-chu:#F7E7A6;color-scheme:dark}}
:root[data-theme="dark"]{
  --nen:#0F1A23;--nen2:#15222D;--nen3:#132433;--muc:#E8EEF3;--chu2:#C3CFD9;--mo:#97A8B6;
  --vien:#263847;--vien2:#2E4556;
  --x:#2C78B3;--x-chu:#86BDE6;--x-dam:#2468A0;--x-nhat:#14283A;
  --la:#2A8F67;--la-chu:#6FD0A6;--la-nhat:#123026;
  --vang-nhat:#33290C;--giu:#3A2E0E;--giu-vien:#D9A800;--giu-chu:#F7E2A0;
  --san:#070E14;--chrome:#03080C;--note:#3A3110;--note-vien:#C99A00;--note-chu:#F7E7A6;color-scheme:dark}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--nen);color:var(--muc)}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--x-chu);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bo-qua{position:absolute;left:-999px;top:8px;background:var(--x);color:#fff;padding:8px 12px;z-index:100}
.bo-qua:focus{left:8px}
[hidden]{display:none!important}
@media (max-width:921px){html,body{overflow-x:clip}}