/* ============================================================ tokens.css · fonts, palette, base type ============================================================ */ /* ---- @font-face: Inter Tight ---- */ @font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 200; src: url("/assets/fonts/inter-tight-200.woff2") format("woff2"); font-display: swap; } @font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 300; src: url("/assets/fonts/inter-tight-300.woff2") format("woff2"); font-display: swap; } @font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 400; src: url("/assets/fonts/inter-tight-400.woff2") format("woff2"); font-display: swap; } @font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 500; src: url("/assets/fonts/inter-tight-500.woff2") format("woff2"); font-display: swap; } @font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 600; src: url("/assets/fonts/inter-tight-600.woff2") format("woff2"); font-display: swap; } @font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 700; src: url("/assets/fonts/inter-tight-700.woff2") format("woff2"); font-display: swap; } /* ---- @font-face: JetBrains Mono ---- */ @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; src: url("/assets/fonts/jetbrains-mono-400.woff2") format("woff2"); font-display: swap; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; src: url("/assets/fonts/jetbrains-mono-500.woff2") format("woff2"); font-display: swap; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 600; src: url("/assets/fonts/jetbrains-mono-600.woff2") format("woff2"); font-display: swap; } /* ---- Palette N · Hvidt (forside, cases, om) · default på ---- */ :root { --bg: #FAFAF7; --bg-deep: #F3F2EC; --ink: #0A0A09; --ink-mute: #5A5852; --ink-dim: #9A968D; --line: rgba(10, 10, 9, 0.10); --line-strong: rgba(10, 10, 9, 0.30); --accent: #B72E22; } /* ---- Palette L · Stillhed (case-artikler) · body.theme-stillhed ---- */ body.theme-stillhed { --bg: #E4DCC6; --bg-deep: #DCD3BA; --bg-step: #EAE3CF; --ink: #1A1816; --ink-mute: #5C544A; --ink-dim: #918876; --line: rgba(26, 24, 22, 0.14); --line-strong: rgba(26, 24, 22, 0.32); --accent: #B72E22; } /* ---- Reset + base ---- */ * { box-sizing: border-box; } html, body { margin: 0; padding: 0; background: var(--bg); color: var(--ink); } body { font-family: "Inter Tight", -apple-system, sans-serif; font-size: 16px; line-height: 1.55; font-feature-settings: "ss01" on; -webkit-font-smoothing: antialiased; } a { color: inherit; text-decoration: none; } ::selection { background: var(--ink); color: var(--bg); } .mono { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.28em; text-transform: uppercase; color: var(--ink-mute); font-weight: 500; } .mono .acc { color: var(--accent); font-weight: 600; } .mono .ink { color: var(--ink); font-weight: 600; } body.menu-open { overflow: hidden; }