:root{--primary-hue: 220;--secondary-hue: 280;--color-primary: hsl(var(--primary-hue), 90%, 50%);--color-primary-light: hsl(var(--primary-hue), 90%, 70%);--color-primary-dark: hsl(var(--primary-hue), 90%, 30%);--color-secondary: hsl(var(--secondary-hue), 80%, 50%);--color-bg-dark: hsl(240, 10%, 10%);--color-bg-card: hsl(240, 10%, 15%, .7);--color-text-main: hsl(0, 0%, 95%);--color-text-muted: hsl(240, 5%, 70%);--color-success: hsl(150, 70%, 40%);--color-warning: hsl(35, 90%, 50%);--color-danger: hsl(0, 80%, 50%);--font-main: "Inter", system-ui, sans-serif;--font-heading: "Outfit", sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--glass-bg: rgba(255, 255, 255, .05);--glass-border: 1px solid rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--backdrop-blur: blur(12px);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px}[data-theme=light]{--color-bg-dark: hsl(0, 0%, 98%);--color-bg-card: hsl(0, 0%, 100%, .8);--color-text-main: hsl(240, 10%, 10%);--color-text-muted: hsl(240, 5%, 40%);--glass-bg: rgba(0, 0, 0, .02);--glass-border: 1px solid rgba(0, 0, 0, .05);--glass-shadow: 0 4px 16px 0 rgba(0, 0, 0, .05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg-dark);color:var(--color-text-main);line-height:1.6;min-height:100vh;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-light)}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}