/** * theme.css — PricedInBitcoin21 design tokens & base styles * Single source of truth. Load in every page before page-specific styles. * */ /* ── Design tokens ────────────────────────────────────────────────────────── */ :root { /* Backgrounds */ --bg-primary: #000000; --bg-secondary: #0a0a0a; --bg-card: #121212; --bg-card-hover: #1a1a1a; /* Borders */ --border-color: #1e1e1e; /* Text */ --text-primary: #ffffff; --text-secondary: #ffffff; --text-muted: #e0e0e0; /* Brand colors */ --orange-primary: #F86812; --orange-hover: #ff7a2e; --green: #00C805; --red: #FF5000; --yellow: #eab308; --purple: #8b5cf6; /* Layout */ --sidebar-width: 220px; --sidebar-collapsed: 56px; /* Denomination color (default Bitcoin/orange — pages can override) */ --denom-color: #F86812; } /* ── Reset ────────────────────────────────────────────────────────────────── */ * { margin: 0; padding: 0; box-sizing: border-box; } /* ── Base ─────────────────────────────────────────────────────────────────── */ html { color-scheme: dark; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; background: var(--bg-primary); color: var(--text-primary); line-height: 1.4; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { color: white; text-decoration: none; font-family: inherit; }