/* ===============================
    PALETA DE COLORES - MODO CLARO

    Autor: Alejandro Galindo Valencia
    Correo: alebrije_galva@hotmail.com
    Cédula Profesional: 15324315
    Archivo: css/palette.css
    Fecha de creación: 2025-12-27
    Última modificación:  2025-12-27

   =============================== */

:root {
    /* Marca / Primarios */
    --AH-primary-light: #b6daf0;
    --AH-primary: #96d1f1;
    --AH-primary-dark: #85c9ee;
    --AH-primary-xdark: #0f7791;

    /* Logo / énfasis */
    --AH-brand: #4b6677;

    /* Iconos */
    --AH-icon-color: #4b6677;

    /* Secundarios (derivados del primario) */
    --AH-secondary-light: #d6ebf7;
    --AH-secondary: #a8d9f3;
    --AH-secondary-dark: #6fbadf;

    /* Escala de grises (ligeramente azulada) */
    --AH-white: #ffffff;
    --AH-grey-100: #f4f8fb;
    --AH-grey-200: #e6edf3;
    --AH-grey-300: #cfd9e1;
    --AH-grey-400: #a9b7c3;
    --AH-grey-500: #7f8c97;
    --AH-grey-600: #5f6b75;
    --AH-grey-700: #3f4a52;
    --AH-grey-800: #273036;
    --AH-black: #000000;

    /* Estados */
    --AH-success: #4caf50;
    --AH-warning: #ff9800;
    --AH-error: #e53935;
    --AH-info: #2196f3;

    /* Transparencias */
    --AH-black-10: rgba(0, 0, 0, 0.1);
    --AH-black-20: rgba(0, 0, 0, 0.2);
    --AH-white-80: rgba(255, 255, 255, 0.8);
}


/* ===============================
   PALETA DE COLORES - MODO OSCURO
   =============================== */

[data-theme="dark"] {
    /* Marca / Primarios */
    --AH-primary-light: #9fd6f2;
    --AH-primary: #6fbadf;
    --AH-primary-dark: #4fa4cc;
    --AH-primary-xdark: #0f7791;

    /* Logo / énfasis */
    --AH-brand: #b6daf0;

    /* Iconos */
    --AH-icon-color: #cfd9e1;

    /* Superficies */
    --AH-white: #1b242a;
    --AH-grey-100: #0f161b;
    --AH-grey-200: #162027;
    --AH-grey-300: #1f2b33;
    --AH-grey-400: #2f3e48;
    --AH-grey-500: #4f5f6a;
    --AH-grey-600: #8a9aa6;
    --AH-grey-700: #cfd9e1;
    --AH-grey-800: #eef4f8;
    --AH-black: #000000;

    /* Estados */
    --AH-success: #66bb6a;
    --AH-warning: #ffa726;
    --AH-error: #ef5350;
    --AH-info: #64b5f6;

    /* Sombras */
    --AH-black-10: rgba(0, 0, 0, 0.6);
    --AH-black-20: rgba(0, 0, 0, 0.85);

    /* Extras */
    --AH-white-80: rgba(255, 255, 255, 0.9);
}