/** Mi Kimaré 1.0 · Sistema tipográfico global · Sora */
html,
body,
button,
input,
select,
textarea {
    font-family: var(--mkr-font-ui) !important;
}

body,
body[class] {
    color: var(--mkr-text-secondary) !important;
    font-size: var(--mkr-type-body-size) !important;
    font-weight: 400 !important;
    line-height: var(--mkr-type-body-line) !important;
    letter-spacing: 0;
}

body[class] h1,
.mkr-page-title {
    font-family: var(--mkr-font-brand) !important;
    margin: 0;
    color: var(--mkr-text-primary);
    font-size: var(--mkr-type-h1-size) !important;
    font-weight: 600 !important;
    line-height: var(--mkr-type-h1-line) !important;
    letter-spacing: -.02em;
}

body[class] h2 {
    font-family: var(--mkr-font-brand) !important;
    margin: 0;
    color: var(--mkr-text-primary);
    font-size: var(--mkr-type-h2-size) !important;
    font-weight: 600 !important;
    line-height: var(--mkr-type-h2-line) !important;
    letter-spacing: -.015em;
}

body[class] h3,
body[class] h4,
body[class] h5 {
    font-family: var(--mkr-font-brand) !important;
    margin: 0;
    color: var(--mkr-text-primary);
    font-size: var(--mkr-type-h3-size) !important;
    font-weight: 600 !important;
    line-height: var(--mkr-type-h3-line) !important;
}

body[class] p {
    margin-top: 0;
}

body[class] :where(.section-label,.mkr-section-label,.mkr-eyebrow,.mkr-public-eyebrow,.mkr-kicker,h6) {
    margin: 0 0 4px !important;
    color: var(--mkr-text-muted) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
}

body[class] label,
body[class] .mkr-label {
    color: var(--mkr-text-primary);
    font-size: var(--mkr-type-label-size) !important;
    font-weight: 500 !important;
    line-height: var(--mkr-type-label-line) !important;
}

body[class] :where(input,select,textarea) {
    color: var(--mkr-text-primary);
    font-size: var(--mkr-type-body-size) !important;
    line-height: var(--mkr-type-body-line) !important;
}

body[class] :where(input,textarea)::placeholder {
    color: var(--mkr-text-muted);
    opacity: .82;
}

body[class] :where(.help-text,.mkr-help-text,.mkr-field-help,.mkr-public-help,small) {
    color: var(--mkr-text-muted) !important;
    font-size: var(--mkr-type-small-size) !important;
    font-weight: 400 !important;
    line-height: var(--mkr-type-small-line) !important;
}

body[class] :where(
    .radicado,
    .mkr-code,
    .mkr-work-code,
    .mkr-badge--code,
    .mkr-assignment-radication,
    .mkr-radication-reference,
    [data-mkr-code]
) {
    font-family: var(--mkr-font-mono) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

body[class] a:not(.mkr-button):not(.mkr-public-button):not(.mkr-nav-item) {
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

body[class] :where(.mkr-brand-panel,.mkr-hero-card,.mkr-onboarding-sidebar) :where(h1,h2) {
    color: #fff;
}

.mkr-stat-value,
.mkr-kpi strong,
.mkr-dashboard-kpi strong {
    font-size: var(--mkr-type-display-size);
    line-height: var(--mkr-type-display-line);
    font-weight: 600;
    letter-spacing: -.025em;
    font-variant-numeric: tabular-nums;
}

.mkr-table th {
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 600 !important;
}

.mkr-table td {
    font-size: 13px;
    line-height: 20px;
}