/* Theme-specific accents layered on injected CSS variables. */

[data-theme="otterly"] .mark {
  border-radius: 999px;
}

[data-theme="inboundly"] .mark {
  border-radius: 0.45rem;
}

[data-theme="inboundly"] .signin {
  border-radius: 0.55rem;
}

[data-theme="happysquad"] .brand-lockup h1 {
  letter-spacing: -0.04em;
}

[data-theme="otpbox"] .mark {
  border-radius: 0.35rem;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent),
    0 0 28px var(--glow);
}

[data-theme="otpbox"] .cta {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.92rem;
}

[data-theme="ravenpost"] .mark {
  border-radius: 0.2rem 0.85rem 0.2rem 0.85rem;
}

[data-theme="ravenpost"] .headline {
  font-style: italic;
  font-weight: 500;
}

[data-theme="fallback"] .mark {
  border-radius: 0.75rem;
}