@use "reset"; html { font-size: 62.5%; } body { --background-1: var(--db-1); --background-2: var(--db-2); --foreground-1: var(--df-1); --foreground-2: var(--df-2); --spacing-04: 04px; --spacing-08: 08px; --spacing-16: 16px; --spacing-32: 32px; --spacing-48: 48px; --spacing-64: 64px; background-color: var(--background-1); color: var(--foreground-1); font-family: Inter, sans-serif; font-size: 1.6rem; } a { color: var(--foreground-1); text-decoration: 0.1rem dotted underline; &:hover { background-color: var(--foreground-1); color: var(--background-1); } } :focus { outline: 2px dotted var(--foreground-1); }