html:root{--color-primary:#218dae;--color-primary-hover:#2bbbd7;--color-accent:#ffcc4d;--color-accent-soft:#ffe4a3}*{box-sizing:border-box}body{margin:0}html{overflow-y:scroll}body{font-family:var(--font-primary);font-size:1rem;line-height:1.6;color:var(--color-text)}h1,h2,h3{font-family:var(--font-heading);line-height:1.3;margin:0}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}main{max-width:100%;padding:var(--spacing-lg) var(--spacing-md)}*{scrollbar-width:thin;scrollbar-color:var(--color-accent) var(--color-surface)}::-webkit-scrollbar{width:.625rem;height:.625rem}::-webkit-scrollbar-track{background-color:var(--color-surface)}::-webkit-scrollbar-thumb{background-color:var(--color-accent);border-radius:999px;border:.125rem solid var(--color-surface)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-accent-soft)}