@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap'); /* THEME TOKENS ------------ This file is the only place colors and fonts get defined. style.css never hardcodes a color — it only ever reads var(--...). Default theme lives on :root below ("Ledger" — dark green). To add a new selectable theme later, add a block like: [data-theme="midnight"] { --bg: #0a0a12; --green: #6f8cff; ... } and set to activate it. Any token you don't override falls back to the :root default automatically. */ :root { /* Ledger (default) */ --bg: #0b0f0d; --panel: #141917; --panel2: #1b211e; --border: #2a322d; --text: #e9ece9; --text-dim: #8c9690; --green: #4fb383; --green-bright: #6fd39f; --green-dim: #2f4a3c; --red: #c96a5a; --font-display: 'Oswald', sans-serif; --font-body: 'Inter', sans-serif; --font-mono: 'IBM Plex Mono', monospace; }