:root{--nav-bg: #33291e;--nav-border: #8b6a3e;--nav-text: #f8f4ee;--nav-text-secondary: #efe8dd;--nav-item-active-bg: #8b6a3e;--nav-item-active-shadow: 0px 4px 4px rgba(0, 0, 0, .25);--nav-avatar-bg: rgba(139, 106, 62, .75);--nav-separator: #d9d9d9;--nav-width: 406px;--nav-item-radius: 15px;--nav-padding: 30px;--nav-gap: 30px;--font-primary: "Atkinson Hyperlegible", sans-serif;--content-bg: #f5f7fa}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-primary),system-ui,sans-serif}