/* Palette override — teal. * Activated when . * Only remaps --primary-*; gold highlights (hero-accent, subject * chips, readiness number, ribbon dividers) stay gold because they * reference --gold-* directly. */ :root[data-palette="teal"] { --primary-50: #ecfeff; --primary-100: #cffafe; --primary-200: #a5f3fc; --primary-300: #67e8f9; --primary-400: #22d3ee; --primary-500: #0e7490; --primary-600: #155e75; --primary-700: #164e63; --primary-800: #0c3d4f; --primary-contrast: #ecfeff; --grad-primary: linear-gradient(135deg, #0e7490 0%, #155e75 100%); --primary-ring: 0 0 0 3px rgba(14, 116, 144, 0.18); --primary-shadow: 0 10px 15px -3px rgba(14, 116, 144, 0.25), 0 4px 6px -4px rgba(14, 116, 144, 0.25); --primary-shadow-lg: 0 20px 25px -5px rgba(14, 116, 144, 0.30), 0 8px 10px -6px rgba(14, 116, 144, 0.30); } html[data-theme="dark"][data-palette="teal"] { --primary-400: #22d3ee; --primary-500: #06b6d4; --primary-600: #0e7490; --primary-contrast: #0e1424; --primary-ring: 0 0 0 3px rgba(34, 211, 238, 0.22); --primary-shadow: 0 10px 15px -3px rgba(34, 211, 238, 0.22), 0 4px 6px -4px rgba(34, 211, 238, 0.22); --primary-shadow-lg: 0 20px 25px -5px rgba(34, 211, 238, 0.28), 0 8px 10px -6px rgba(34, 211, 238, 0.28); }