/**
 * Tipografías del configurador (Tabler + Bootstrap).
 * data-bs-theme-font = sans-serif | serif | monospace | comic | roboto | inter | ibm-plex-sans | geist
 */

[data-bs-theme-font="sans-serif"] {
    --tblr-body-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;
    --bs-body-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;
}

[data-bs-theme-font="serif"] {
    --tblr-body-font-family: Georgia, "Times New Roman", Times, serif;
    --bs-body-font-family: Georgia, "Times New Roman", Times, serif;
}

[data-bs-theme-font="monospace"] {
    --tblr-body-font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-body-font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

[data-bs-theme-font="comic"] {
    --tblr-body-font-family: "Comic Sans MS", "Comic Sans", "Chalkboard SE", "Comic Neue", cursive, sans-serif;
    --bs-body-font-family: "Comic Sans MS", "Comic Sans", "Chalkboard SE", "Comic Neue", cursive, sans-serif;
}

[data-bs-theme-font="roboto"] {
    --tblr-body-font-family: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
    --bs-body-font-family: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
}

[data-bs-theme-font="inter"] {
    --tblr-body-font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    --bs-body-font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

[data-bs-theme-font="ibm-plex-sans"] {
    --tblr-body-font-family: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --bs-body-font-family: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

[data-bs-theme-font="geist"] {
    --tblr-body-font-family: "Geist Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --bs-body-font-family: "Geist Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* Aplicación inmediata en pantalla (preview + persistido) */
html[data-bs-theme-font],
html[data-bs-theme-font] body {
    font-family: var(--tblr-body-font-family, var(--bs-body-font-family)) !important;
}

/* ——— Tamaño de letra: sm | md | lg ——— */
[data-bs-theme-font-size="sm"] {
    --tblr-body-font-size: 0.875rem;
    --bs-body-font-size: 0.875rem;
    font-size: 0.875rem;
}
[data-bs-theme-font-size="md"] {
    --tblr-body-font-size: 0.9375rem;
    --bs-body-font-size: 0.9375rem;
    font-size: 0.9375rem;
}
[data-bs-theme-font-size="lg"] {
    --tblr-body-font-size: 1.0625rem;
    --bs-body-font-size: 1.0625rem;
    font-size: 1.0625rem;
}

html[data-bs-theme-font-size] body {
    font-size: var(--tblr-body-font-size, var(--bs-body-font-size)) !important;
}