/* skins/claude.css — Claude-inspired visual skin Hand-tuned approximation. No logos, no brand marks, no proprietary fonts. Font stack names "Georgia" (system font) for the serif-leaning aesthetic. Light + Dark modes via [data-skin][data-mode] on . Wave 3a.2 */ /* ── Light ── */ [data-skin="claude"][data-mode="light"], [data-skin="claude"]:not([data-mode="dark"]) { --bg: #f5f1e8; --fg: #1f1d1a; --bg-elev: #ede7d8; --border: #d4c8aa; --accent: #c96342; --font-base: Georgia, "Times New Roman", serif; /* Bubbles */ --bubble-radius: 12px; --bubble-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); --bubble-ai-bg: #fff; --bubble-ai-fg: #1f1d1a; --bubble-ai-border: 1px solid #d4c8aa; --bubble-user-bg: #c96342; --bubble-user-fg: #fff; --bubble-user-border: none; /* Chips — chip-border darkened from #c96342 (3.48:1) to #a04a28 for headroom. */ --chip-bg: #fff; --chip-fg: #c96342; --chip-border: #a04a28; } /* Wave 8 P5.1: composer-send must paint accent-on-white in light mode. The default chat.css rule sets `color: var(--bg-elev)`; in Claude light that resolves to cream (#ede7d8) on an orange (#c96342) background — a soft chip that vanishes against the cream composer chrome. Force a white glyph against the orange disc so the send button reads at a glance. Mirrors the `:not([data-mode="dark"])` fallback the rest of the skin uses so a default-light page (no explicit data-mode) still gets the override. */ [data-skin="claude"][data-mode="light"] .composer-send, [data-skin="claude"]:not([data-mode="dark"]) .composer-send { background: #c96342; color: #fff; } /* ── Dark ── */ [data-skin="claude"][data-mode="dark"] { --bg: #1a1916; --fg: #e8e4d8; --bg-elev: #25241f; --border: #3d3a32; --accent: #e8855e; --font-base: Georgia, "Times New Roman", serif; /* Bubbles */ --bubble-radius: 12px; --bubble-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); --bubble-ai-bg: #25241f; --bubble-ai-fg: #e8e4d8; --bubble-ai-border: 1px solid #3d3a32; --bubble-user-bg: #e8855e; --bubble-user-fg: #1a1916; --bubble-user-border: none; /* Chips */ --chip-bg: #25241f; --chip-fg: #e8855e; --chip-border: #e8855e; }