html[data-ui-theme="blog"], html[data-ui-theme="blog"] .ui-site-shell--blog { --ui-color-primary-strong: #00458f; --ui-color-primary-soft: #e8f1fb; --ui-color-primary-bright: #1474f5; --ui-color-primary-link: #0068e8; --ui-color-primary-hover: #075db5; --ui-blog-color-header: #0d73ef; --ui-blog-color-footer: #002449; --ui-blog-color-accent-purple: #7c2de2; --ui-blog-color-border-soft: #dce4ec; --ui-blog-color-border-accent: #96c5ff; --ui-blog-color-link: #005cbe; --ui-blog-color-link-hover: #004b9c; --ui-blog-color-hero-pattern: rgb(255 255 255 / 17%); --ui-blog-color-category-amber: #9a4b11; --ui-blog-color-share-surface-cyan: #eaf7fc; --ui-blog-category-teal-dark: #17586a; --ui-blog-category-teal: #087e8b; --ui-blog-category-red: #ab3a33; --ui-blog-category-purple: #7751a8; --ui-blog-category-blue: #2273a8; --ui-blog-shadow-panel: 0 2px 8px rgb(0 74 173 / 8%); --ui-blog-hero-pattern-size: 24px 24px; --ui-color-primary: #0056b3; }