/* ==== DARK THEME DEFAULT (on-brand) ==== */ .highlight { /* Surface + frame */ background-color: #1f2937; /* gray-800 */ border: 1px solid rgba(253,224,71,.35); /* yellow-300/35% */ border-radius: 12px; padding: 16px 20px; margin: 16px 0; /* Base text (AAA vs gray-800) */ color: #f3f4f6; /* gray-100 */ } .highlight p { margin: 0; /* keep tight */ line-height: 1.6; color: inherit;