/* Prime geometry
 * --------------
 * Containers are technical rectangles, never soft SaaS cards. Circular
 * geometry remains reserved for state, identity, and playback controls. */

html[data-design-system="halde"] *{
  border-radius:0!important;
}

/* State and transport controls are symbols, not containers. */
html[data-design-system="halde"] :where(
  .agent-letter,
  .sdot,
  .live-status-dot,
  .avatar,
  [class*="-dot"],
  [class*="-dots"] i,
  .cover-play,
  .capture-toggle
){
  border-radius:50%!important;
}

/* Prime-style actions: dense rectangular plates with decisive contrast. */
html[data-design-system="halde"] :where(
  .btn,
  .btn2,
  .closing-launch,
  .hero-start-card,
  .pricing-mobile-action,
  .ds-command button
){
  min-height:44px;
  border:1px solid var(--border-strong);
  box-shadow:none;
  font-family:var(--font-technical);
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}

html[data-design-system="halde"] :where(
  .hero-start-card--primary,
  .closing-launch,
  .pricing-mobile-action
){
  color:var(--text-on-accent);
  border-color:var(--accent-fill);
  background:var(--accent-fill);
}

html[data-design-system="halde"] :where(
  .hero-start-card--primary,
  .closing-launch,
  .pricing-mobile-action
):is(:hover,:focus-visible){
  color:var(--text-on-accent);
  border-color:var(--editorial-highlight);
  background:var(--editorial-highlight);
}