:root{--grad-1:#0e2a38;--grad-2:#1f4f5c;--grad-3:#4a949c;--grad-4:#cdeae7;--grad-5:#fdf1de;--brand-50:#eef8f7;--brand-100:#d8efec;--brand-200:#b4dedb;--brand-600:#2e7c82;--brand-700:#1f5f66;--brand-800:#173f47;--brand-900:#0e2a38;--cream:#fdf1de;--cream-dark:#f2dcb8;--danger:#c0392b;--danger-bg:#fdf0ee;--role-buyer:#2e7c82;--role-buyer-bg:#eef8f7;--role-seller:#b8802c;--role-seller-bg:#fbf1e0;--role-courier:#a1552f;--role-courier-bg:#faeee6}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background-color:#f5f6f4;font-family:Inter,Segoe UI,sans-serif}h1,h2,h3,.font-display{font-family:Poppins,Segoe UI,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#c9d8d7;border-radius:9999px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}[x-cloak]{display:none!important}