/* Soft game-menu shapes, shared by the front door, backstage and venue HUD. */
:root {
  --granola-radius-field: 18px;
  --granola-radius-panel: 28px;
  --granola-radius-card: 32px;
  --granola-radius-hero: 44px;
  --granola-radius-pill: 999px;
}

:root .home-art,
:root .profile-hero {
  border-radius: var(--granola-radius-hero);
}

:root .archive-card,
:root .profile-events,
:root .entry-card,
:root .studio .studio-panel {
  border-radius: var(--granola-radius-card);
}

:root .studio a.studio-record,
:root .studio .studio-empty,
:root .studio .studio-canvas,
:root .studio .shows-manager > details,
:root .monitor-card,
:root .artist-steps section,
:root .artist-help details,
:root .desktop-publisher,
:root .venue-party-control,
:root .venue-more-panel,
:root .social-panel,
:root .reaction-options {
  border-radius: var(--granola-radius-panel);
}

:root .name-field,
:root .archive-search input,
:root .studio input:not([type='checkbox']):not([type='radio']):not([type='range']),
:root .studio textarea,
:root .studio select,
:root .studio .studio-thumbnail,
:root .studio .studio-error,
:root .studio .studio-notice,
:root .studio fieldset:not(.show-date-picker),
:root .monitor-login input,
:root .social-panel select {
  border-radius: var(--granola-radius-field);
}

:root .join-button,
:root .home-header nav .home-studio-link,
:root .home-art-top span:last-child,
:root .archive-actions button,
:root .profile-links a,
:root .studio button,
:root .monitor-page button,
:root .icon-button,
:root .view-tools > button,
:root .venue-more > summary,
:root .audio-quick > button,
:root .social-panel button,
:root .reaction-menu summary {
  border-radius: var(--granola-radius-pill);
}

/* Keep room for long artist names and form content on smaller screens. */
@media (max-width: 600px) {
  :root {
    --granola-radius-field: 16px;
    --granola-radius-panel: 22px;
    --granola-radius-card: 24px;
    --granola-radius-hero: 30px;
  }
}