:root{--bg:#0a0d17;--bg2:#0b101b;--panel:#0d1220;--panel2:#0e1424;--panel3:#161d31;--panel-2:var(--panel2);--accent:#e05b6e;--accent-base:#d6455a;--accent2:#b83549;--accent-2:var(--accent2);--accent-strong:#c93a4f;--accent-hover:#ab2e41;--accent-soft:rgba(214,69,90,.15);--text:#e8ecf4;--muted:#8791a7;--border:#1b2236;--success:#2fd18b;--warning:#ffa94d;--danger:#ff8797;--blue:#8bc8ff;--purple:#c8abff;--shadow:0 18px 60px #0007;--font-12:12px;--font-13:13px;--font-14:14px;--font-16:16px;--font-18:18px;--font-22:22px;--font-28:28px;--radius-6:6px;--radius-10:10px;--radius-14:14px;--radius-pill:999px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,select,textarea{min-width:0}button{font:inherit}button:disabled{cursor:default;opacity:.65}
:root{--danger:#ff5f64}

/* Shared dark scrollbar for the storefront, admin panel and scrollable dialogs. */
html,*{scrollbar-width:thin;scrollbar-color:#36435a #090d17}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:#090d17}
*::-webkit-scrollbar-thumb{min-height:36px;border:2px solid #090d17;border-radius:999px;background:#36435a}
*::-webkit-scrollbar-thumb:hover{background:#d6455a}
*::-webkit-scrollbar-corner{background:#090d17}