1@use "../theme" as *;
2
3// Layout
4.flex { display: flex; }
5.flex-col { display: flex; flex-direction: column; }
6
7// Resets
8.list-none { list-style: none; margin: 0; padding: 0; }
9
10// Typography
11.label { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: theme(muted); margin: 0; }
12.title-lg { font-weight: 700; color: theme(heading); margin: 0; letter-spacing: -0.02em; }
13
14// Links
15.link { color: theme(muted); transition: color 0.15s ease; }
16
17// Error pages
18.error-page { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 0.5rem; min-height: 70vh; }
19.error-page__code { font-family: "Silkscreen", monospace; font-size: clamp(3.5rem, 12vw, 6rem); font-weight: 400; color: theme(accent); margin: 0; line-height: 1; letter-spacing: -0.02em; }
20.error-page__title { font-size: 1.75rem; font-weight: 700; color: theme(heading); margin: 0.5rem 0 0; }
21.error-page__body { font-size: 1.15rem; color: theme(muted); margin: 0 0 1rem; }