:root {
    /* Paleta de marca */
    --apl-primary-color: #6F5A56; /* Chocolate topo */
    --apl-primary-color-rgb: 111, 90, 86;
    --apl-secondary-color: #E6D9C8; /* Crema pastel */
    --apl-secondary-color-rgb: 230, 217, 200;
    --apl-tertiary-color: #B88F78; /* Beige tostado */
    --apl-primary-hover-color: #5A4844; /* Chocolate topo oscurecido, para hover sobre fondos claros */
    --apl-gray-color: #575756; /* corporate gray */

    --apl-background-color: #F7F2EA; /* Marfil */
    --light-gray-color: #dbdbdb; /* light gray */
    --dark-gray-color: #515151; /* dark gray */

    --font-main-color: #463936; /* Chocolate oscuro */
    --font-label-size: 24px;
    --font-label-color: white;
    --navbar-width-expanded: 200px;
    --navbar-width-collapsed: 50px;
    --navbar-min-height: 500px;
    --btn-min-width: 120px;
    --btn-font-color: white;
    --body-main-font-size: 0.875rem;
    --body-row-font-size: 0.8125rem;
    /* admin app */
    --header-font-color: #fff;
    --body-main-font-color: #333;
    --body-background-color: #fafafa;
    --body-background-darker-color: #f1f1f1;
    --body-light-font-color: #666;
    --body-strong-font-color: #000;
    --button-fg: white;
    --header-branding-color: #ffffff;
    --header-background-color: var(--apl-primary-color);
    --header-link-font-color: var(--header-font-color);
    --breadcrumbs-font-color: var(--apl-secondary-color);
    --breadcrumbs-link-font-color: var(--apl-primary-color);
    --breadcrumbs-background-color: #c0d4d7;
    --link-font-color: var(--apl-primary-color);
    --link-hover-font-color: var(--accent-color);
    --link-selected-font-color: var(--accent-color);
    --list-line-height: 1.5;
    --single-line-color: #e8e8e8;
    --border-line-color: #ccc;
    --danger-font-color: #dc3545;
    --message-background-color: #f8d7da;
    --message-success-background: #d1e7dd;
    --message-warning-background: #fff3cd;
    --selected-element-background: #e4e4e4;
    --selected-row-background: #fcedda;
    --button-font-color: #fff;
    --button-background: var(--apl-primary-color);
    --button-hover-background: var(--apl-primary-hover-color);
    --default-button-background: var(--apl-primary-color);
    --default-button-hover-background: var(--apl-primary-hover-color);
    --close-button-bg: var(--apl-primary-color);
    --close-button-background: var(--apl-primary-color);
    --close-button-hover-background: var(--apl-primary-hover-color);
    --delete-button-bg: #d9534f;
    --delete-button-background: #d9534f;
    --delete-button-hover-background: #c9302c;
    --delete-button-hover-bg: #c9302c;
    --object-tools-font-color: var(--button-font-color);
    --object-tools-background: var(--apl-primary-color);
    --object-tools-hover-background: var(--apl-primary-hover-color);
    --accent-color: #C95A5D; /* Rojo fresa */
    --accent-color-rgb: 201, 90, 93;
    --apl-strawberry-mousse-color: #FFC1D4; /* Mousse de fresa, foco de los inputs */
    --apl-strawberry-mousse-color-rgb: 255, 193, 212;
    --apl-lavender-color: #A79BC7; /* Lavanda, contraste para "Tartagoza Improvisado" */
    --apl-lavender-color-rgb: 167, 155, 199;
    --apl-lavender-hover-color: #8F81B3; /* Lavanda oscurecida, hover */
    --navbar-header-color: #ffffff;
    --font-family-primary: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;

    /* Bootstrap: "primary" y foco/activo, alineados con la paleta de marca.
       success / danger / warning se dejan con los colores por defecto de Bootstrap. */
    --bs-primary: var(--apl-primary-color);
    --bs-primary-rgb: var(--apl-primary-color-rgb);
    --bs-primary-text-emphasis: var(--font-main-color);
    --bs-primary-bg-subtle: var(--apl-secondary-color);
    --bs-primary-border-subtle: var(--apl-tertiary-color);
    --bs-link-color: var(--apl-primary-color);
    --bs-link-color-rgb: var(--apl-primary-color-rgb);
    --bs-link-hover-color: var(--accent-color);
    --bs-link-hover-color-rgb: var(--accent-color-rgb);
    --bs-focus-ring-color: rgba(var(--apl-primary-color-rgb), .25);
}