/* ARETÉ · rounded interface layer
   A conservative, reversible radius system. It changes only shape,
   never layout dimensions, typography, spacing or content. */
:root{
  --arete-radius-shell:30px;
  --arete-radius-card:23px;
  --arete-radius-item:17px;
  --arete-radius-control:14px;
  --arete-radius-pill:999px;
}

/* Large visual shells */
.event-focus,
.event-hero,
.cover-card,
.info-card,
.portrait,
.event-lead-dialog{
  border-radius:var(--arete-radius-shell)!important;
  overflow:hidden;
}

/* Main cards */
.resident-card,
.record-library,
.deck-panel,
.album-tile,
.community-main-card,
.community-links-panel,
.community-share,
.sound-card,
.dates-card,
.event-long-copy,
.principle,
.legal-section,
.error-box{
  border-radius:var(--arete-radius-card)!important;
  overflow:hidden;
}

/* Secondary cards and grouped rows */
.event-shortcuts>a,
.community-benefits article,
.community-channel,
.event-info-card,
.record-sleeve,
.photo-card,
.legal-status{
  border-radius:var(--arete-radius-item)!important;
  overflow:hidden;
}

/* Buttons and form controls */
.btn,
.action,
.event-action-row .btn,
.event-detail-actions a,
.event-access-pending,
.artist-links a,
.event-lead-submit,
.event-lead-grid input,
.input-row,
.input-row input,
.input-row button,
.community-promises li{
  border-radius:var(--arete-radius-control)!important;
}

.input-row{
  overflow:hidden;
}

/* Compact labels and filters */
.event-chips span,
.tags span,
.gallery-tabs button,
.back,
.legal-back,
.lang,
.lang button{
  border-radius:var(--arete-radius-pill)!important;
}

/* Keep genuinely circular controls circular */
.circle,
.nav,
.rail-arrow,
.event-lead-close,
.channel-icon,
.menu-toggle{
  border-radius:50%!important;
}

/* A softer mobile application frame without changing its footprint */
@media(max-width:860px){
  :root{
    --arete-radius-shell:24px;
    --arete-radius-card:20px;
    --arete-radius-item:15px;
    --arete-radius-control:13px;
  }

  .mobile-menu{
    border-radius:0 0 24px 24px;
    overflow:hidden;
  }

  .bottom-nav{
    border-radius:24px 24px 0 0;
    overflow:hidden;
  }
}