/**
 * Wendewerk Arbeitgeber – UI Common
 * ============================================================
 * Gemeinsame Basis-Styles für alle Plugin-Module.
 * Setzt design-tokens.css voraus.
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

.wwa-unternehmerprofil {
    font-family: var(--wwa-font);
    font-size: var(--wwa-font-size-base);
    color: var(--wwa-color-text);
    line-height: var(--wwa-line-height);
    -webkit-font-smoothing: antialiased;
}

.wwa-unternehmerprofil * {
    box-sizing: border-box;
}

/* --- Alerts -------------------------------------------------- */

.wwa-alert {
    border-radius: var(--wwa-radius);
    padding: var(--wwa-space-3) var(--wwa-space-4);
    font-size: var(--wwa-font-size-sm);
    margin-bottom: var(--wwa-space-4);
}

.wwa-alert--notice {
    background: var(--wwa-color-info-soft);
    color: var(--wwa-color-info);
}

.wwa-alert--success {
    background: var(--wwa-color-success-soft);
    color: var(--wwa-color-success);
}

.wwa-alert--error {
    background: var(--wwa-color-error-soft);
    color: var(--wwa-color-error);
}

/* --- Buttons --------------------------------------------------- */

.wwa-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 18px;
    border-radius: var(--wwa-radius);
    font-size: var(--wwa-font-size-sm);
    font-weight: var(--wwa-font-weight-semibold);
    border: 1px solid transparent;
    cursor: pointer;
    transition: background var(--wwa-transition), color var(--wwa-transition);
}

.wwa-button--primary {
    background: var(--wwa-color-primary);
    color: #fff;
}

.wwa-button--primary:hover {
    background: var(--wwa-color-primary-dark);
}

.wwa-button--secondary {
    background: var(--wwa-color-surface-soft, #f8fafc);
    color: var(--wwa-color-text-muted);
    border-color: var(--wwa-color-border, #dbe4ee);
}

.wwa-button--secondary:hover {
    background: var(--wwa-color-border-soft, #e2e8f0);
}

.wwa-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}