:root {
    --primary-color: #2B4A6B; /* Muted blue for main elements */
    --secondary-color: #4A8296; /* Soft teal for secondary elements */
    --tertiary-color: #E8ECEF; /* Light gray-blue for subtle backgrounds */
    --text-color: #1F2A38; /* Darker slate gray for better text contrast */
    --background-body: #f9f9f9; /* Unchanged body background */
    --text-dark: #333333; /* Unchanged text color */
    --gray-secondary: #6c757d; /* Unchanged Bootstrap secondary gray */
    --text-darker: #343a40; /* Unchanged dark text */
    --border-color: #dee2e6; /* Unchanged border color */
    --white: #ffffff; /* Unchanged white */
    --info-color: #17a2b8; /* Unchanged blue for view-profile-btn */
    --success-color: #28a745; /* Unchanged green for add-pet-btn, bg-success */
    --danger-color: #dc3545; /* Unchanged red for btn-cancelar, is-invalid, bg-danger */
    --warning-color: #ffc107; /* Unchanged yellow for bg-warning */
    --text-darkest: #212529; /* Unchanged darkest text */
    --light-gray: #f8f9fa; /* Unchanged background for vacuna-item */
    --lightest-gray: #f0f0f0; /* Unchanged background for vacuna-item in exportar_pdf */
    --border-light: #ddd; /* Unchanged border for info-card, form-control */
    --text-gray: #333; /* Unchanged text color from exportar_pdf */
    --footer-gray: #666; /* Unchanged footer text color */
    --border-purple-light: #A8B8C8; /* Light blue-gray for borders */
    --consulta-color: #6EC1E4; /* Unchanged blue for historial-card.consulta */
    --esterilizacion-color: #E57373; /* Unchanged red for historial-card.esterilizacion */
    --disabled-gray: #ccc; /* Unchanged gray for btn-purple.disabled */
    --shadow-light: rgba(0, 0, 0, 0.1); /* Unchanged shadow */
    --shadow-medium: rgba(0, 0, 0, 0.15); /* Unchanged hover shadow */
    --shadow-dark: rgba(0, 0, 0, 0.125); /* Unchanged card header border shadow */
    --shadow-lighter: rgba(0, 0, 0, 0.05); /* Unchanged shadow for info-card */
    --alert-warning-bg: #fff3cd; /* Unchanged warning alert background */
    --alert-warning-border: #ffeeba; /* Unchanged warning alert border */
    --alert-warning-text: #856404; /* Unchanged warning alert text */
    --hover-gray-dark: #5a6268; /* Unchanged hover for clear-btn, btn-atras */
    --hover-gray-darker: #545b62; /* Unchanged hover border for clear-btn */
    --hover-info-dark: #138496; /* Unchanged hover for view-profile-btn */
    --hover-info-darker: #117a8b; /* Unchanged hover border for view-profile-btn */
    --hover-success-dark: #218838; /* Unchanged hover for add-pet-btn */
    --hover-success-darker: #1e7e34; /* Unchanged hover border for add-pet-btn */
    --hover-danger-dark: #b02a37; /* Unchanged hover for btn-cancelar */
    --hover-danger-darker: #c82333; /* Unchanged hover for btn-red-cancel */
    --hover-danger-darkest: #bd2130; /* Unchanged hover border for btn-red-cancel */
    --hover-primary-dark: #223A55; /* Darker muted blue for hover effects */
    --focus-primary: rgba(43, 74, 107, 0.5); /* Focus border for new primary color */
    --focus-primary-shadow: rgba(43, 74, 107, 0.25); /* Focus shadow for new primary color */
    --border-purple-lighter: #C2CED9; /* Lighter blue-gray for borders */
    --tertiary-color-light: #F1F4F6; /* Lighter gray-blue for backgrounds */
    --gray-dark: #495057; /* Unchanged dark gray for btn-back */
    --focus-primary-light: rgba(43, 74, 107, 0.3); /* Focus shadow for new primary color */
    --footer-light: #f5f5f5; /* Unchanged footer background */
    --border-footer: #e0e0e0; /* Unchanged footer border */
    --text-gray-light: #555; /* Unchanged text color for aviso-privacidad */
    --white-transparent-light: rgba(255, 255, 255, 0.1); /* Unchanged SVG fill */
    --white-transparent-medium: rgba(255, 255, 255, 0.15); /* Unchanged hover background for nav-link */
    --white-transparent-heavy: rgba(255, 255, 255, 0.5); /* Unchanged border for btn-back */
    --shadow-lightest: rgba(0, 0, 0, 0.08); /* Unchanged shadow for login-card */
    --black: #000; /* Unchanged black for text and borders */
    --gray-light: #eee; /* Unchanged light gray for table headers */
    --shadow-card: rgba(0, 0, 0, 0.1); /* Unchanged shadow for card-container */
    --border-purple: #2B4A6B; /* Muted blue for card-container borders */
    --gradient-terciario-white: linear-gradient(135deg, var(--tertiary-color) 0%, var(--white) 100%); /* Gradient with new tertiary color */
    --gradient-primary-secondary: linear-gradient(90deg, var(--primary-color), var(--secondary-color)); /* Gradient with new primary/secondary colors */
    --gradient-hover-primary: linear-gradient(90deg, var(--hover-primary-dark), var(--primary-color)); /* Hover gradient with new primary colors */
    --info-value-color: #333333; /* Unchanged info value text color */
    --badge-adopcion-border: 1px solid var(--primary-color); /* Border with new primary color */
    --border-purple-lighter-dark: #B8C4D1; /* Blue-gray for alert-info */
    --text-gray-dark: #666; /* Unchanged gray for security-alert */
}