/* Shell S1 — "Neighbourhood" (Grok mock, design/grok-shells/s1-*.jpg). Community-professional: warm paper, deep-green pill CTAs, soft radius. Loads AFTER tin.css; overrides tokens. Recipient .theme-* accents still win (set on ). Includes dark mode. */ :root { --paper: #f4efe3; --card: #fffdf7; --ink: #20241f; --ink-soft: #5f6557; --line: #e0d9c6; --accent: #1c7a43; --accent-ink: #ffffff; --accent-soft: #e2f0e5; --ok: #1c7a43; --radius: 16px; } .btn, .amounts a { border-radius: 999px; } .btn-primary { background: var(--accent); border-color: var(--accent); } .logo .coin { background: radial-gradient(circle at 35% 30%, #7cc796, #1c7a43); } @media (prefers-color-scheme: dark) { :root { --paper: #131311; --card: #1c1c18; --ink: #f2efe6; --ink-soft: #a6a294; --line: #2c2b26; --accent: #2ea45c; --accent-soft: #17331f; --shadow: none; } .proto { background: #000; } .amounts a, .btn { background: var(--card); color: var(--ink); } .btn-primary { background: var(--accent); color: #fff; } }