@import url('./company-telerik-themes.css');

:root {
    --aa-common-text: var(--kendo-color-on-surface, var(--kendo-color-text, #1f2937));
    --aa-common-text-muted: color-mix(in srgb, var(--aa-common-text) 78%, transparent);
}

html[data-bs-theme='dark'],
body[data-bs-theme='dark'] {
    --aa-common-text: var(--kendo-color-on-surface, var(--kendo-color-on-dark, #f8fafc));
    --aa-common-text-muted: color-mix(in srgb, var(--aa-common-text) 82%, transparent);
}

.aa-theme-surface,
.aa-theme-surface :is(h1, h2, h3, h4, h5, h6),
.aa-page-header,
.aa-page-header h1,
.aa-page-header-subtitle {
    color: var(--aa-common-text);
}

.aa-theme-surface :is(p, .k-text-secondary, .aa-page-header-subtitle) {
    color: var(--aa-common-text-muted);
}

.aa-theme-surface :is(textarea, .k-textarea, .k-textarea textarea, .k-textarea .k-input-inner) {
    color: var(--aa-common-text);
    -webkit-text-fill-color: var(--aa-common-text);
}