:root{--font-family-main:"Bricolage Grotesque", sans-serif;--font-weight-main:500;--font-family-content:"Bricolage Grotesque", serif;--font-weight-content:500;--font-family-summary:"Bricolage Grotesque", serif;--font-weight-summary:500;--dim-color:hsla(0, 0%, 53%, 0.267);--quote-text-color:hsl(0, 0%, 53%)}:root[color-scheme^=light]{--body-text-color:hsl(0, 0%, 13%);--body-secondary-text-color:hsl(0, 0%, 13%);--body-background-color:hsl(50, 17%, 93%);--body-background-highlight-color:hsl(50, 17%, 87%);--code-text-color:hsl(0, 0%, 13%);--code-background-color:hsl(0, 0%, 90%);--primary-color:hsl(220, 50%, 40%);--selection-color:hsl(220, 50%, 40%);--dim-opacity:65%;--accessible-color:hsl(245, 100%, 19%);--accept-color:hsl(131, 100%, 23%);--accept-hover-color:hsl(131, 100%, 30%);--accept-background-color:hsl(132, 45%, 77%);--reject-color:hsl(0, 100%, 60%);--grain-image:urlurl("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--grain-blend-mode:overlay}:root[color-scheme^=dark]{--body-text-color:hsl(50, 17%, 93%);--body-secondary-text-color:hsl(50, 17%, 80%);--body-background-color:hsl(0, 0%, 7%);--body-background-highlight-color:hsl(0, 0%, 3%);--code-text-color:hsl(50, 17%, 93%);--code-background-color:hsl(0, 3%, 19%);--primary-color:hsl(220, 53%, 58%);--selection-color:hsl(220, 50%, 40%);--dim-opacity:50%;--accessible-color:hsl(25, 100%, 67%);--accept-color:hsl(131, 100%, 73%);--accept-hover-color:hsl(131, 40%, 73%);--accept-background-color:hsl(131, 93%, 6%);--reject-color:hsl(0, 100%, 60%);--grain-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><filter id='g'><feTurbulence baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100' height='100' filter='url(%23g)' opacity='0.06' fill='%23000000'/></svg>");--grain-blend-mode:overlay}