/*
 * UniPhone Design System v1.0.45
 * Zentrale CSS-Variablen und Basiskomponenten für Frontend und Admin.
 */
:root{
  --uph-color-primary: var(--uph-admin-primary, #e30613);
  --uph-color-primary-dark: #8b0008;
  --uph-color-accent: var(--uph-admin-accent, #25D366);
  --uph-color-dark: #0f172a;
  --uph-color-muted: #64748b;
  --uph-color-border: #e2e8f0;
  --uph-color-surface: #ffffff;
  --uph-radius-sm: 10px;
  --uph-radius-md: 16px;
  --uph-radius-lg: 24px;
  --uph-shadow-sm: 0 6px 18px rgba(15,23,42,.08);
  --uph-shadow-md: 0 14px 40px rgba(15,23,42,.12);
  --uph-container: 1240px;
  --uph-transition: 180ms ease;
}
.uph-container{
  width:min(var(--uph-container), calc(100% - 32px));
  margin-inline:auto;
}
.uph-card{
  background:var(--uph-color-surface);
  border:1px solid var(--uph-color-border);
  border-radius:var(--uph-radius-lg);
  box-shadow:var(--uph-shadow-sm);
}
.uph-button,
.uph-btn,
button.uph-button{
  border-radius:var(--uph-radius-md);
  transition:background var(--uph-transition), color var(--uph-transition), transform var(--uph-transition), box-shadow var(--uph-transition);
}
.uph-button:hover,
.uph-btn:hover{
  transform:translateY(-1px);
}
.uph-focusable:focus-visible,
.uph-nav a:focus-visible,
.uph-mobile-menu a:focus-visible{
  outline:3px solid rgba(227,6,19,.32);
  outline-offset:3px;
  border-radius:10px;
}