:root {
    /* Paleta de colores basada en la app Android */
    --primary: #526525;
    --on-primary: #FFFFFF;
    --primary-container: #D5EC9D;
    --on-primary-container: #151F00;

    --secondary: #5A6147;
    --on-secondary: #FFFFFF;
    --secondary-container: #DFE6C5;
    --on-secondary-container: #181E09;

    --tertiary: #39665F;
    --on-tertiary: #FFFFFF;
    --tertiary-container: #BCECE3;
    --on-tertiary-container: #00201C;

    --error: #BA1A1A;
    --on-error: #FFFFFF;
    --error-container: #FFDAD6;
    --on-error-container: #410002;

    --background: #FAFAEE;
    --on-background: #1B1C15;
    --surface: #FAFAEE;
    --on-surface: #1B1C15;

    --outline: #76786B;
}

/* Aplicar colores a Bootstrap */
body {
    background-color: var(--background);
    color: var(--on-surface);
}

/* Botón primario */
.btn-primary {
    background-color: var(--primary) !important;
    color: var(--on-primary) !important;
    border-color: var(--primary) !important;
}

.btn-primary:hover {
    background-color: var(--primary-container) !important;
    color: var(--on-primary-container) !important;
}

/* Botón secundario */
.btn-secondary {
    background-color: var(--secondary) !important;
    color: var(--on-secondary) !important;
    border-color: var(--secondary) !important;
}

.btn-secondary:hover {
    background-color: var(--secondary-container) !important;
    color: var(--on-secondary-container) !important;
}

/* Botón de error */
.btn-danger {
    background-color: var(--error) !important;
    color: var(--on-error) !important;
    border-color: var(--error) !important;
}

.btn-danger:hover {
    background-color: var(--error-container) !important;
    color: var(--on-error-container) !important;
}

/* Navbar */
.navbar {
    background-color: var(--primary) !important;
    color: var(--on-primary) !important;
}

/* Sidebar */
.sidebar {
    background-color: var(--secondary) !important;
    color: var(--on-secondary) !important;
}

/* Tarjetas (cards) */
.card {
    background-color: var(--surface) !important;
    color: var(--on-surface) !important;
    border: 1px solid var(--outline) !important;
}