/* ═══ LOCAL FONTS ═══ */ @font-face { font-family: 'Inter'; src: url('/static/fonts/InterVariable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter'; src: url('/static/fonts/InterVariable-Italic.woff2') format('woff2'); font-weight: 100 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Charter'; src: url('/static/fonts/charter_regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Charter'; src: url('/static/fonts/charter_italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Charter'; src: url('/static/fonts/charter_bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Charter'; src: url('/static/fonts/charter_bold_italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'JetBrains Mono'; src: url('/static/fonts/JetBrainsMono-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } /* ═══ BASE ═══ Page-level tokens come from /static/brand_tokens.css via [data-context="company"]. Dark mode is auto-detected via the inline script in layout.php, which mirrors prefers-color-scheme onto . Light is the default. ═══════════════════════════════════════════════════════════════════ */ html { font-size: 16px; scroll-behavior: smooth; } body { font-family: var(--font-sans); color: var(--text-primary); background: var(--bg); line-height: 1.65; font-weight: var(--weight-normal); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ─── ANCHOR BUTTONS ─── */ /* brand_tokens.css defines .btn for