/* ============================================================= ourcodefund v2 — focused single-page prototype styles Sections: 0. Tokens + reset 1. Top navigation bar 2. Hero 3. Campaign grid 4. Modal shell (shared) 5. Stage 1 — Intake form modal (v2 expanded) 6. Stage 2 — Refinement modal (locked → unlocked) 7. Invoice modal (v2 — $3 shown as seeded deposit) 8. Payment simulation modal 9. Compliance footer 10. Toast 11. Responsive ============================================================= */ /* ============================================================= v12 THEME SYSTEM Pure grayscale in both modes. No accent color, no brand hue. The base :root block below holds the dark theme tokens (the v10 defaults) so pages without a data-theme attribute still render. [data-theme="light"] overrides every token to grayscale whites. Set data-theme on via the inline boot in nav.js, OR fall back to the OS preference if the user has never toggled. ============================================================= */ :root { /* DARK (default) — kept from v10 with grayscale scrub. */ --bg-0: #0e0f14; --bg-1: #15171f; --bg-2: #1c1f2a; --bg-3: #242836; --line: #2a2e3e; --line-soft: #1f2330; --ink-1: #f1f2f6; /* strongest text */ --ink-2: #b9bcc8; /* body text */ --ink-3: #7d8194; /* muted */ --ink-4: #4f5364; /* placeholder */ /* Accent stays grayed out — used by old components. Pages that want to keep their old look continue to use these. The navbar + theme toggle deliberately do not paint an accent. */ --accent: #6b7280; --accent-2: #9ca3af; --accent-ink: #d1d5db; --accent-soft: #1f242c; --ok: #19c37d; --warn: #f5b400; --danger: #ff5470; --r-sm: 6px; --r-md: 10px; --r-lg: 14px; --r-xl: 18px; --shadow-1: 0 1px 0 rgba(255,255,255,.03) inset, 0 1px 2px rgba(0,0,0,.4); --shadow-2: 0 24px 60px rgba(0,0,0,.5); --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif; --font-mono: ui-monospace, "JetBrains Mono", "SF Mono", Consolas, monospace; } :root[data-theme="light"] { /* LIGHT grayscale — paper white-ish, no warm tint. */ --bg-0: #f4f5f7; --bg-1: #ffffff; --bg-2: #e9ebf0; --bg-3: #d9dce4; --line: #c6cad4; --line-soft: #dde0e7; --ink-1: #0e1018; /* strongest text */ --ink-2: #3c4050; /* body text */ --ink-3: #6a6e7c; /* muted */ --ink-4: #959aa8; /* placeholder */ --accent: #4b5161; --accent-2: #6b7280; --accent-ink: #1a1d27; --accent-soft: #d9dce4; --shadow-1: 0 1px 0 rgba(255,255,255,.6) inset, 0 1px 2px rgba(20,22,32,.07); --shadow-2: 0 18px 50px rgba(20,22,32,.12); } /* Pages that ship their own hardcoded rgba(255,255,255,*) backgrounds are still readable against both themes because the foreground ink-1 is the dominant text color. The v11 page-specific