/* ==========================================================
   Chang Tong Core 2.0
   Form components
========================================================== */

.ct-form-message {
    margin-bottom: var(--ct-space-lg);
    padding: var(--ct-space-md);
    border: var(--ct-border-medium) solid currentColor;
    border-radius: var(--ct-radius-md);
    background-color: var(--ct-color-surface);
}

.ct-form-message h3,
.ct-form-message p {
    color: inherit;
}

.ct-form-message h3 {
    margin-bottom: var(--ct-space-sm);
    font-size: var(--ct-fs-xl);
}

.ct-form-message p {
    margin-bottom: 0;
}

.ct-form-message--success {
    color: var(--ct-color-secondary);
    border-color: var(--ct-color-primary);
}

.ct-form-message--error {
    color: var(--ct-color-accent);
}