@font-face{font-family:"Bricolage Grotesque";src:url("/static/a756882d8a7802eb/fonts/bricolage-grotesque-latin-standard-normal.woff2") format("woff2");font-weight:200 800;font-stretch:75% 100%;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible Next";src:url("/static/5cb240a4d99ab7e6/fonts/atkinson-hyperlegible-next-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible Next";src:url("/static/0dbe07ed7679407d/fonts/atkinson-hyperlegible-next-latin-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"DM Mono";src:url("/static/e1896b13b2b1bb11/fonts/dm-mono-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"DM Mono";src:url("/static/9964608a849396bd/fonts/dm-mono-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
:root { --f-display: "Bricolage Grotesque", system-ui, sans-serif; --f-body: "Atkinson Hyperlegible Next", system-ui, sans-serif; --f-data: "DM Mono", ui-monospace, monospace; --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 72px; --r1: 12px; --r2: 18px; --r3: 28px; --pill: 999px; --touch: 44px; --ease: cubic-bezier(.16, 1, .3, 1); --swing: cubic-bezier(.7, 0, .2, 1); --t1: 140ms; --t2: 300ms; --t3: 640ms; --beat: 1.6s; --stagger: 70ms; --void: #070707; --ink: #F3EEE7; --ink-2: #CFC6BB; --ink-3: #A39A90; --line: rgb(255 255 255 / .1); --line-2: rgb(255 255 255 / .18); --glass: rgb(20 18 16 / .5); --glass-2: rgb(34 30 27 / .6); --glass-hi: rgb(255 255 255 / .08); --shadow: 0 30px 80px rgb(0 0 0 / .5); --flare: #FFB86B; --alarm: #FF7A6B; --ai: #D9C8FF; --pearl: #F3EEE7; --on-pearl: #12100E; --evera: #82FC4F; --evenness: #33C4C0; --on-brand: #0B0A09; color-scheme: dark }
@media (prefers-color-scheme: light) { :root:not([data-mode="night"]) { --void: #ECE9E4; --ink: #17140F; --ink-2: #3F3A34; --ink-3: #6A6159; --line: rgb(20 16 12 / .12); --line-2: rgb(20 16 12 / .24); --glass: rgb(255 255 255 / .55); --glass-2: rgb(255 255 255 / .74); --glass-hi: rgb(255 255 255 / .85); --shadow: 0 30px 70px rgb(60 45 30 / .16); --flare: #8A4B00; --alarm: #B3261E; --ai: #5B3FA8; --pearl: #17140F; --on-pearl: #F6F3EE; --evera: #3A7419; --evenness: #08577F; --on-brand: #FFFFFF; color-scheme: light } }
:root[data-mode="day"] { --void: #ECE9E4; --ink: #17140F; --ink-2: #3F3A34; --ink-3: #6A6159; --line: rgb(20 16 12 / .12); --line-2: rgb(20 16 12 / .24); --glass: rgb(255 255 255 / .55); --glass-2: rgb(255 255 255 / .74); --glass-hi: rgb(255 255 255 / .85); --shadow: 0 30px 70px rgb(60 45 30 / .16); --flare: #8A4B00; --alarm: #B3261E; --ai: #5B3FA8; --pearl: #17140F; --on-pearl: #F6F3EE; --evera: #3A7419; --evenness: #08577F; --on-brand: #FFFFFF; color-scheme: light }