/* RWA design tokens — scraped from brand.rwa.io (Q2 2026). Single source of truth for branding. Two themes via . */ :root { /* Raw RWA palette (theme-independent) */ --rwa-blue: #224BEE; /* Brand Blue — primary */ --rwa-green: #5EE4C0; /* brand green — gradients, on-dark accent */ --rwa-teal: #00A38D; /* verified / secondary */ --rwa-gold: #D4881A; --rwa-cta: #0052FF; /* CTA / focus rings */ --rwa-ink: #0C111D; --rwa-navy-900:#0A1628; --rwa-navy-800:#152238; --rwa-navy-700:#1D3461; --rwa-off: #F7F9FC; --rwa-gray-500:#6B6E73; --rwa-gray-200:#D6D8DB; --rwa-danger: #D44C1D; --rwa-success: #166534; /* Type */ --font: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --mono: "JetBrains Mono", ui-monospace, Menlo, monospace; --num: "Space Grotesk", var(--font); /* Scale (RWA: 8px base) */ --r-sm: 6px; --r-lg: 12px; --r-2xl: 20px; --space-4: 16px; --space-5: 24px; --space-6: 32px; } /* ---------- DARK (default) ---------- */ [data-theme="dark"] { --bg: var(--rwa-navy-900); --panel: var(--rwa-navy-800); --line: #22304f; --text: #EAF0F7; --muted: #8AA0BF; --accent: var(--rwa-blue); --accent-2: var(--rwa-green); --accent-ink:#FFFFFF; /* text on --accent */ --user-bubble:#16324a; --code-bg: #070d18; } [data-theme="dark"] body { background: radial-gradient(1100px 560px at 82% -12%, rgba(34,75,238,0.16), transparent 60%), radial-gradient(820px 460px at -8% 108%, rgba(94,228,192,0.10), transparent 60%), var(--bg); } /* ---------- LIGHT ---------- */ [data-theme="light"] { --bg: var(--rwa-off); --panel: #FFFFFF; --line: var(--rwa-gray-200); --text: var(--rwa-ink); --muted: var(--rwa-gray-500); --accent: var(--rwa-blue); --accent-2: var(--rwa-teal); --accent-ink:#FFFFFF; --user-bubble:#EEF2FF; --code-bg: #F2F3F4; } [data-theme="light"] body { background: radial-gradient(1000px 520px at 84% -12%, rgba(34,75,238,0.06), transparent 60%), var(--bg); }