#root{--color-primary:#303030;--color-accent:#3b6c96;--color-accent-hover:#2f5780;--color-white:#fff;--color-secondary-text:#7e7e7e;--color-secondary-bg:#f9f9f9;--color-border:#ddd;--color-nav-track:#ebf1f6;--scrollbar-size:8px;--scrollbar-track:transparent;--scrollbar-thumb:#c8c8c8;--scrollbar-thumb-hover:#a8a8a8;--font-family:"Onest", "Segoe UI", system-ui, sans-serif}body{font-family:var(--font-family);margin:0}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:0 0}