@layer components{.bg-app{background-color:var(--bg-app)}.bg-surface{background-color:var(--surface)}.bg-surface-alt{background-color:var(--surface-alt)}.text-main{color:var(--text-main)}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-heading{color:var(--text-heading)}.border-main{border-color:var(--border)}.border-strong{border-color:var(--border-strong)}.shadow-theme{box-shadow:var(--theme-shadow)}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--border) transparent}