1@use "../theme" as *;
2
3// Layout
4.flex { display: flex; }
5.flex-col { display: flex; flex-direction: column; }
6// Lets a flex/grid item shrink below its content's intrinsic width instead
7// of forcing the row wider (the default min-width: auto fights overflow-x:
8// auto on a child - see .article-content).
9.min-w-0 { min-width: 0; }
10
11// Resets
12.list-none { list-style: none; margin: 0; padding: 0; }
13
14// Typography
15.label { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: theme(muted); margin: 0; }
16.title-lg { font-weight: 700; color: theme(heading); margin: 0; letter-spacing: -0.02em; }
17
18// Links
19.link { color: theme(muted); transition: color 0.15s ease; }
20
21// Error pages
22.error-page { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 0.5rem; min-height: 70vh; }
23.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; }
24.error-page__title { font-size: 1.75rem; font-weight: 700; color: theme(heading); margin: 0.5rem 0 0; }
25.error-page__body { font-size: 1.15rem; color: theme(muted); margin: 0 0 1rem; }