/* ==========================================================================
   Lộc Phát — Theme entry stylesheet
   Thứ tự import quan trọng: tokens (biến) -> base (reset) -> components.
   ========================================================================== */
@import url('./tokens-colors.css');
@import url('./tokens-typography.css');
@import url('./tokens-spacing.css');
@import url('./base.css');
@import url('./components.css');
@import url('./shared.css');

/* ---- Global link default (từ inline <style> trong các trang gốc) ------- */
a { color: var(--color-primary); text-decoration: none; }
a:hover { color: var(--color-primary-hover); }

/* thin scrollbars, hide on horizontal scrollers */
::-webkit-scrollbar { height: 6px; width: 6px; }
.mob-scroll::-webkit-scrollbar { display: none; }
.mob-scroll { scrollbar-width: none; }

/* page wrapper */
.page { background: var(--surface-page); min-height: 100vh; }