:root{--color-primary:#22c55e;--color-secondary:#10b981;--color-accent:#34d399;--color-background:#0f172a;--color-surface:#1e293b;--color-text:#f8fafc;--color-text-secondary:#cbd5e1;--color-border:#334155;--transition-duration:.2s}html{scroll-behavior:smooth}body{background-color:var(--color-background);color:var(--color-text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}