.case-public { --case-accent: #315b70; --case-tint: #e9eff2; --case-dark: #193642; }
.theme-readers { --case-accent: #904a2b; --case-tint: #f1e5d8; --case-dark: #382d26; }
.theme-radar { --case-accent: #2853ab; --case-tint: #e6edf7; --case-dark: #11243d; }
.theme-acomeer { --case-accent: #b4431a; --case-tint: #fbebdf; --case-dark: #452819; }
.theme-miturno { --case-accent: #16647c; --case-tint: #e4f0f4; --case-dark: #142637; }
.theme-sbelta { --case-accent: #825d37; --case-tint: #f0e8dc; --case-dark: #3e342c; }
.case-public .case-hero h1 em, .case-public .case-kicker .eyebrow, .case-public .case-number, .case-public .case-privacy > span { color: var(--case-accent); }
.case-public .case-showcase { background: var(--case-tint); }
.case-public .case-flow-band { background: var(--case-dark); }
.case-public .case-flow-band .eyebrow { color: #f0e9dd; }
.case-public .case-flow li { border-color: #ffffff50; }
.case-public .case-flow li > span { border-color: #ffffff80; }
.case-public .case-flow p { color: #e1e4e4; }
.case-public :focus-visible { outline-color: var(--case-accent); }
.case-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 20px; margin-top: 28px; }
.case-actions > span { font-size: .78rem; color: #65655c; }
.case-public .case-hero h1 { font-size: clamp(3rem, 6vw, 5.6rem); }
@media(max-width: 540px) {
  .case-public .case-hero h1 { font-size: clamp(2.35rem, 10vw, 3.4rem); }
  .case-actions { align-items: start; flex-direction: column; }
}