/* * Same CSS custom properties as the React app's src/index.css, so the * Tailwind CDN color config in functions.php (bg-brand, text-yes, etc.) * resolves to identical colors. Dark mode toggles via a `.dark` class on * , same as the app. */ :root { --bg: #f4f6f9; --surface: #ffffff; --surface-2: #eef3f8; --surface-3: #e1eaf2; --border: #dfe6ee; --border-strong: #ccd7e2; --text: #14181f; --text-soft: #37444f; --muted: #66717d; --brand: #1074b7; --brand-strong: #0c5c93; --brand-soft: rgba(16, 116, 183, 0.1); --yes: #0ea472; --yes-soft: rgba(14, 164, 114, 0.12); --no: #e5405e; --no-soft: rgba(229, 64, 94, 0.12); --whale: #ff6541; --whale-soft: rgba(255, 101, 65, 0.14); --shadow: 0 1px 2px rgba(16, 21, 29, 0.04), 0 8px 24px rgba(16, 21, 29, 0.06); --shadow-lg: 0 12px 40px rgba(16, 21, 29, 0.14); } .dark { --bg: #08131e; --surface: #0f1e2c; --surface-2: #16293a; --surface-3: #203a4e; --border: #203a4e; --border-strong: #2d4a61; --text: #e8eff6; --text-soft: #b2c2d1; --muted: #7c8ea0; --brand: #1a86cf; --brand-strong: #34bbfc; --brand-soft: rgba(52, 187, 252, 0.15); --yes: #22c98a; --yes-soft: rgba(34, 201, 138, 0.15); --no: #fb5f76; --no-soft: rgba(251, 95, 118, 0.15); --whale: #ff7a5c; --whale-soft: rgba(255, 122, 92, 0.16); --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.4); --shadow-lg: 0 16px 50px rgba(0, 0, 0, 0.5); } body { margin: 0; background: var(--bg); color: var(--text); font-family: "Montserrat", ui-sans-serif, system-ui, sans-serif; -webkit-font-smoothing: antialiased; } .tnum { font-variant-numeric: tabular-nums; } /* * Renders a market post's raw post_content (AI article or plain summary) * on single.php — Tailwind's typography plugin isn't loaded via the CDN * build, so these tags get plain rules instead of `prose` utility classes. * * !important is used deliberately here: Tailwind's CDN script compiles and * injects its own