:root {
    /* DARK THEME por defecto */

    /* Tipografía */
    --font-family-base: 'Helvetica Neue', Helvetica, Arial, sans-serif;

    /* Colores principales */
    --color-primary: #90caf9;
    --color-primary-hover: #42a5f5;
    --color-link: #82b1ff;
    --color-focus-ring: #bbdefb;
    --color-error: #ff6b6b;
    --color-valid: #66bb6a;

    /* Blazor error UI */
    --color-blazor-error-bg: #5c1f1f;
    --color-blazor-error-text: #fff;
    --color-blazor-error-border: #333;

    /* Navegación */
    --nav-active-bg: #666;
    --nav-text-color: #fff;

    /* Spinner de carga */
    --loading-stroke-color: #90caf9;
    --loading-stroke-background: #444;

    /* Otros */
    --blazor-load-percentage-text: 'Cargando';
    --btn-border-radius: 0.375rem;

    /* Cards */
    --card-bg: #1e1e1e;
    --card-text-color: white;
    --card-border-color: #606060;

    /* Títulos */
    --h1-font-size: 1.6rem;
    --h2-font-size: 1.15rem;
    --h2-font-weight: 200;
    --h2-color: #b5b5b5;

    /* Tabla */
    --table-bg: #232323;
    --table-text: #f5f5f5;
    --table-header-bg: #1e1e1e;
    --table-header-text: #f5f5f5;
    --table-border: #444;
    --table-cell-border: #444;
    --table-footer-bg: #313131;
    --table-accent: #555555;
    --table-row-bg-even: #282828;
    --table-row-bg-odd: #232323;
    --table-row-separator: #2d2d2d;
    --table-font-size: 15px;
    --table-button-bg: #232323;
    --table-pagination-info: #888;
    --table-paragraph: #ccc;

    --table-pagination-button-bg: #333;
    --table-pagination-button-hover-bg: #444;
    --table-pagination-button-text: #ffffff;
    --table-pagination-button-disabled-bg: #222;
    --table-pagination-button-disabled-text: #888;
}

.light-theme {
    /* LIGHT THEME alternativo */

    /* Tipografía */
    --font-family-base: 'Helvetica Neue', Helvetica, Arial, sans-serif;

    /* Colores principales */
    --color-primary: #1b6ec2;
    --color-primary-hover: #1861ac;
    --color-link: #0071c1;
    --color-focus-ring: #258cfb;
    --color-error: red;
    --color-valid: #26b050;

    /* Blazor error UI */
    --color-blazor-error-bg: #b32121;
    --color-blazor-error-text: white;
    --color-blazor-error-border: lightyellow;

    /* Navegación */
    --nav-active-bg: #444444;
    --nav-text-color: white;

    /* Spinner de carga */
    --loading-stroke-color: #1b6ec2;
    --loading-stroke-background: #e0e0e0;

    /* Otros */
    --blazor-load-percentage-text: 'Loading';
   
    /* Cards */
    --card-bg: #ffffff;
    --card-text-color: #000000;
    --card-border-color: #e0e0e0;

    /* Títulos */
    --h1-font-size: 1.6rem;
    --h2-font-size: 1.15rem;
    --h2-font-weight: 200;
    --h2-color: #444444;

    /* Tabla */
    --table-bg: #ffffff;
    --table-text: #000000;
    --table-header-bg: #f0f0f0;
    --table-header-text: #000000;
    --table-border: #ccc;
    --table-cell-border: #ddd;
    --table-footer-bg: #f9f9f9;
    --table-accent: #6fcf4b;
    --table-row-bg-even: #f5f5f5;
    --table-row-bg-odd: #ffffff;
    --table-row-separator: #e0e0e0;
    --table-font-size: 15px;
    --table-button-bg: #ffffff;
    --table-pagination-info: #666;
    --table-paragraph: #333;

    --table-pagination-button-bg: #333;
    --table-pagination-button-hover-bg: #444;
    --table-pagination-button-text: #fff;
    --table-pagination-button-disabled-bg: #222;
    --table-pagination-button-disabled-text: #888;

    /* ============================================ */
    /* === VARIABLES ESPECÍFICAS PARA BOTONES === */
    /* ============================================ */
    /* General*/
    
    /* Tema: Valoriza (Verde) */
    --btn-valoriza-bg: #1AAD2C;
    --btn-valoriza-text: #3AAD2C;
    --btn-valoriza-bg-hover: #202820;
    --btn-valoriza-text-hover: #3AAD2C;
    --btn-valoriza-bg-press: #2E342E;
    --btn-valoriza-text-press: #3AAD2C;
    --btn-valoriza-bg-disabled: #1A1A1A;
    --btn-valoriza-text-disabled: #164D13;

    /* Primary */
    --btn-primary-bg: #2563eb;
    --btn-primary-bg-hover: #1b4fd7;
    --btn-primary-text: #fff;

    /* Secondary */
    --btn-secondary-bg: #6b7280;
    --btn-secondary-bg-hover: #52525b;
    --btn-secondary-text: #fff;

    /* Info */
    --btn-info-bg: #0ea5e9;
    --btn-info-bg-hover: #0369a1;
    --btn-info-text: #fff;

    /* Danger */
    --btn-danger-bg: #dc2626;
    --btn-danger-bg-hover: #b91c1c;
    --btn-danger-text: #fff;

    /* Warning */
    --btn-warning-bg: #f59e42;
    --btn-warning-bg-hover: #d97706;
    --btn-warning-text: #fff;

    /* Transparent */
    --btn-transparent-border: #A0A0A0FF;
    --btn-transparent-bg-hover: #A0A0A0FF;
    --btn-transparent-text: #fff;

    /* Tema: Neutro (Gris) */
    --btn-neutro-bg: #AAAAAA;
    --btn-neutro-text: #AAAAAA;
    --btn-neutro-bg-hover: #2A2A2A;
    --btn-neutro-text-hover: #AAAAAA;
    --btn-neutro-bg-press: #3A3A3A;
    --btn-neutro-text-press: #AAAAAA;
    --btn-neutro-bg-disabled: #121212;
    --btn-neutro-text-disabled: #555555;

    /* Tema: Delete (Rojo) */
    --btn-delete-bg: #D32F2F;
    --btn-delete-text: #D32F2F;
    --btn-delete-bg-hover: #2A1212;
    --btn-delete-text-hover: #D32F2F;
    --btn-delete-bg-press: #3B1A1A;
    --btn-delete-text-press: #D32F2F;
    --btn-delete-bg-disabled: #342E2E;
    --btn-delete-text-disabled: #280505;
}