:root{--bg-color:#ffffff;--bg-secondary:#f8f9fa;--text-color:#212529;--text-secondary:#6c757d;--border-color:#dee2e6;--hover-bg:#e9ecef;--primary-color:#0d6efd;--primary-hover:#0b5ed7;--success-color:#198754;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#0dcaf0;--shadow-sm:0 0.125rem 0.25rem rgba(0,0,0,0.075);--shadow:0 0.5rem 1rem rgba(0,0,0,0.15);--shadow-lg:0 1rem 3rem rgba(0,0,0,0.175);--transition:all 0.2s ease}[data-theme="dark"]{--bg-color:#121212;--bg-secondary:#1e1e1e;--text-color:#ffffff;--text-secondary:#b3b3b3;--border-color:#404040;--hover-bg:#2a2a2a;--primary-color:#4dabf7;--primary-hover:#339af0;--success-color:#51cf66;--danger-color:#ff6b6b;--warning-color:#ffd43b;--info-color:#74c0fc;--shadow-sm:0 0.125rem 0.25rem rgba(0,0,0,0.3);--shadow:0 0.5rem 1rem rgba(0,0,0,0.4);--shadow-lg:0 1rem 3rem rgba(0,0,0,0.5)}html{scrollbar-gutter:stable}body{background-color:var(--bg-color);color:var(--text-color);transition:var(--transition)}app-layout,app-router,app-navigation,app-counter,theme-toggle,local-state-display,home-page,about-page,contact-page,dashboard-page,login-page,notfound-page,user-page{display:block}app-layout{contain:layout style}:host{--host-bg:var(--bg-color);--host-text:var(--text-color)}