@layer reset,base,layout,component,utilities;@layer reset{*,*:after,*:before{box-sizing:border-box}body{margin:0}}@layer base{:root{--color-bg: oklch(.98 0 0);--color-text: oklch(.2 0 0);--font-h1: clamp(2.75rem, 5vw, 3.5rem);--font-h2: clamp(2rem, 4vw, 2.5rem)}@media(prefers-color-scheme:dark){:root{--color-bg: oklch(.15 0 0);--color-text: oklch(.92 0 0)}}html{font-family:sans-serif;line-height:1.5}body{background-color:var(--color-bg);color:var(--color-text)}h1{font-size:var(--font-h1);font-weight:700;margin-bottom:1rem}h2{font-size:var(--font-h2)}h1,h2,h3{line-height:1.2}}@layer layout{.container{max-width:800px;margin:0 auto;padding:2rem;text-align:center;margin-top:6rem}.container span{color:oklch(from teal calc(l + .15) calc(c + .03) h)}}