@import './font.css'; :root { --bg-primary: white; --bg-primary-hover: rgba(0, 0, 0, 0.075); --bg-primary-accent: #ddd; --bg-secondary: black; --text-primary: black; --text-secondary: white; --text-default: #252f3f; } [data-theme='dark'] { --bg-primary: black; --bg-secondary: white; --bg-primary-hover: rgba(255, 255, 255, 0.075); --bg-primary-accent: #111; --text-primary: white; --text-secondary: black; --text-default: white; } .fit { min-height: calc(100vh - 300px); } *, *:before, *:after { box-sizing: inherit; } html { height: 100%; box-sizing: border-box; touch-action: manipulation; font-feature-settings: 'case' 1, 'rlig' 1, 'calt' 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html, body { font-family: var(--font-sans); text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: var(--bg-primary); color: var(--text-primary); } body { position: relative; min-height: 100%; margin: 0; } a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }