:root {
  --cf-charcoal:#1F1F1F; --cf-charcoal-2:#2A2A2A;
  --cf-coral:#FF6658; --cf-violet:#6E69F8; --cf-mustard:#F6C94C;
  --cf-mint:#BFD7CC; --cf-cream:#FFF7E7; --cf-sage-bg:#C7D7CF;
  --cf-radius-card:36px; --cf-radius-panel:24px; --cf-radius-pill:999px;
  --cf-shadow:0 18px 50px rgba(20,30,26,.16);
  --cf-heading:"Arial Narrow","Roboto Condensed",Impact,sans-serif;
  --cf-body:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
.cf-card{border-radius:var(--cf-radius-card);box-shadow:var(--cf-shadow);overflow:hidden}
.cf-heading{font-family:var(--cf-heading);font-weight:900;letter-spacing:.01em;text-transform:uppercase}
.cf-body{font-family:var(--cf-body)}
.cf-icon{width:1.5rem;height:1.5rem;color:currentColor}
.cf-pill{border-radius:var(--cf-radius-pill)}
.cf-focus:focus-visible{outline:3px solid var(--cf-mustard);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}