/**
 * Критические стили UI — грузятся до main.css (531 KB).
 * Значения захардкожены (не var), чтобы не было скачка до парсинга темы.
 */
:root {
    --ct-btn-padding-x: 0.9rem;
    --ct-btn-padding-y: 0.45rem;
    --ct-btn-font-size: 0.9rem;
    --ct-btn-line-height: 1.5;
    --ct-btn-border-radius: 0.15rem;
    --ct-body-font-size: 0.9rem;
    --ct-body-line-height: 1.5;
    --ct-card-spacer-x: 1.5rem;
    --ct-card-spacer-y: 1.5rem;
}

html,
body {
    font-family: "Manrope", "Manrope Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: var(--ct-body-font-size);
    line-height: var(--ct-body-line-height);
}

.btn {
    display: inline-block;
    padding: 0.45rem 0.9rem;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 0.15rem;
    vertical-align: middle;
    box-sizing: border-box;
}

.btn-sm {
    padding: 0.28rem 0.8rem;
    font-size: 0.875rem;
}

.btn-lg {
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
}

.wrapper .btn:not(.btn-sm):not(.btn-lg) {
    padding: 0.45rem 0.9rem !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    border-radius: 0.15rem !important;
}

.wrapper .btn-sm {
    padding: 0.28rem 0.8rem !important;
    font-size: 0.875rem !important;
}

.card-body {
    padding: 1.5rem;
}

.form-control,
.form-select {
    font-size: 0.9rem;
    line-height: 1.5;
    padding: 0.45rem 0.9rem;
}

.form-floating > .form-control,
.form-floating > .form-select {
    padding: 1rem 0.9rem 0.25rem;
}

.form-floating > label {
    padding: 1rem 0.9rem;
}