*{margin:0;padding:0;box-sizing:border-box;font-family:Sen,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}:root{--dark: hsl(36, 50%, 4%);--light: hsl(51, 40%, 76%);--neutral: hsl(0, 0%, 90%);--accent: hsl(110, 59%, 43%);--accent-hover: hsl(110, 59%, 38%);--bg-color: hsl(0, 0%, 100%);--border-radius: 12px;--shadow: 0 4px 10px rgba(0, 0, 0, .1);--transition-speed: .3s;--sidebar-width: 260px;--sidebar-collapsed-width: 70px;--nav-height: 70px;--text-primary: hsl(36, 50%, 10%);--text-secondary: hsl(36, 20%, 40%);--danger: hsl(0, 70%, 50%);--danger-hover: hsl(0, 70%, 40%);--warning: hsl(40, 100%, 50%);--success: hsl(120, 70%, 40%);--info: hsl(200, 70%, 50%);--border-color: hsl(0, 0%, 85%);--card-bg: hsl(0, 0%, 98%);--hover-bg: hsl(51, 40%, 96%);--modal-overlay: hsla(0, 0%, 0%, .5);--sidebar-bg: hsl(222, 47%, 11%);--sidebar-hover: hsla(222, 47%, 17%, .7);--sidebar-active: var(--accent);--text-color: hsl(0, 0%, 90%);--text-muted: hsl(0, 0%, 70%);--active-item-bg: var(--accent);--active-item-color: var(--bg-color);--hover-item-bg: var(--sidebar-hover);--tooltip-bg: hsla(0, 0%, 10%, .9);--tooltip-color: var(--text-color);--hero-bg: linear-gradient(135deg, hsl(50, 100%, 94%), hsl(50, 100%, 91%));--card-shadow: 0 8px 30px rgba(0, 0, 0, .12);--card-hover-shadow: 0 14px 45px rgba(0, 0, 0, .15);--card-gradient: linear-gradient(45deg, var(--accent), hsl(130, 59%, 50%));--code-bg: hsl(222, 20%, 13%);--code-header-bg: hsl(222, 20%, 18%);--line-number-color: hsl(222, 15%, 45%);--animation-timing: cubic-bezier(.4, 0, .2, 1);--modal-backdrop: hsla(0, 0%, 0%, .5);--modal-bg: var(--card-bg);--modal-text-primary: var(--text-primary);--modal-text-secondary: var(--text-secondary);--modal-border-color: var(--border-color);--modal-shadow: var(--card-shadow)}body{min-height:100vh;background-color:var(--bg-color);line-height:1.6}