/* AINNA shared components — card & button tiers (P2) */

/* --- Card tiers --- */
.ainna-card,
.ainna-card--default {
  border-radius: var(--ainna-radius-card, 20px);
  box-shadow: var(--ainna-shadow-card);
  border: 1px solid var(--ainna-border);
  background: var(--ainna-bg);
  transition: transform var(--ainna-transition), box-shadow var(--ainna-transition), border-color var(--ainna-transition);
}

.ainna-card--compact {
  border-radius: var(--ainna-radius-card-compact, 12px);
  box-shadow: var(--ainna-shadow-card);
}

.ainna-card--hero {
  border-radius: var(--ainna-radius-card-hero, 24px);
  box-shadow: var(--ainna-shadow-card);
}

.ainna-card:hover,
.ainna-card--default:hover {
  transform: var(--ainna-card-hover, translateY(-6px));
  box-shadow: var(--ainna-shadow-hover);
}

/* --- Button tiers --- */
.ainna-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  border: 2px solid transparent;
  cursor: pointer;
  transition: background var(--ainna-transition), color var(--ainna-transition), border-color var(--ainna-transition), transform 0.2s ease;
}

.ainna-btn--primary {
  border-radius: var(--ainna-radius-pill, 999px);
  background: var(--ainna-gradient);
  color: #fff;
}

.ainna-btn--primary:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
}

.ainna-btn--secondary {
  border-radius: var(--ainna-radius-pill, 999px);
  background: transparent;
  border-color: var(--ainna-accent);
  color: var(--ainna-accent);
}

.ainna-btn--secondary:hover {
  background: rgba(102, 126, 234, 0.08);
}

.ainna-btn--ghost {
  border-radius: var(--ainna-radius-card-compact, 12px);
  background: transparent;
  border-color: var(--ainna-border);
  color: var(--ainna-text);
}

.ainna-btn--ghost:hover {
  border-color: var(--ainna-accent);
  color: var(--ainna-accent);
}

.ainna-btn--lg {
  padding: 16px 32px;
  font-size: 1.05rem;
}