/* ===== Theme tokens that must live above #soft-app ===== */ /* --on-live: text sitting on the accent. --pill-ink: text sitting on a category colour, which is a different question and needs its own answer. --warn: reserved for "something is wrong", never the accent. */ :root { --on-live: #2C2932; --pill-ink: #2C2932; --warn: #E5A87E; --warn-soft: #413229; } /* ===== Page reset (was inline in ) ===== */ html, body { margin: 0; padding: 0; background: #26232C; min-height: 100%; } body { padding: 12px; } /* Respect notches and the home indicator when installed to a home screen. */ @supports (padding: max(0px)) { body { padding-top: max(12px, env(safe-area-inset-top)); padding-right: max(12px, env(safe-area-inset-right)); padding-bottom: max(12px, env(safe-area-inset-bottom)); padding-left: max(12px, env(safe-area-inset-left)); } } @media (min-width: 900px) { body { padding: 28px 20px; } } * { -webkit-tap-highlight-color: transparent; } /* ===== App styles (was the #soft-app