/* =========================================================================
   /assets/css/tokens.css
   ARQUITECTURA DE TOKENS DE DISEÑO ADAPTATIVOS (ONYX 2.0)
   ========================================================================= */

:root {
    /* ---------------------------------------------------------------------
       A) TIPOGRAFÍA Y GEOMETRÍA BASE
       --------------------------------------------------------------------- */
    --ez-font-primary: 'Raleway', sans-serif;
    
    --ez-radius-sm: 8px;
    --ez-radius-md: 16px;
    --ez-space-sm: 8px;
    --ez-space-md: 16px;
    --ez-space-lg: 24px;

    /* ---------------------------------------------------------------------
       B) TOKENS CRUDOS ABSOLUTOS (Para opacidades dinámicas sin hardcodeo)
       --------------------------------------------------------------------- */
    --ez-raw-white: #FFFFFF;
    --ez-raw-white-rgb: 255, 255, 255;
    
    --ez-raw-black: #000000;
    --ez-raw-black-rgb: 0, 0, 0;

    /* ---------------------------------------------------------------------
       C) VALORES PALETA BASE REALES (ONYX V1)
       --------------------------------------------------------------------- */
    --ez-pal-primary: #5453ED;
    --ez-pal-primary-rgb: 84, 83, 237;
    
    --ez-pal-secondary: #F25922;
    --ez-pal-secondary-rgb: 242, 89, 34;
    
    --ez-pal-neutral-dark: #070708;
    --ez-pal-neutral-dark-rgb: 7, 7, 8;
    
    --ez-pal-neutral-light: #F8F6F2;
    --ez-pal-neutral-light-rgb: 248, 246, 242;
    
    --ez-pal-soft-light: #F6EDEB;
    --ez-pal-soft-light-rgb: 246, 237, 235;

   /* ---------------------------------------------------------------------
      COLORES SEMÁNTICOS GLOBALES EZ CONNECT
      No pertenecen al branding configurable de ningún perfil.
   --------------------------------------------------------------------- */
   --ez-pal-success: #25D366;
   --ez-pal-success-rgb: 37, 211, 102;

   --ez-pal-warning: #FFC107;
   --ez-pal-warning-rgb: 255, 193, 7;

   --ez-pal-danger: #E31837;
   --ez-pal-danger-rgb: 227, 24, 55;
}

/* -------------------------------------------------------------------------
   D) SISTEMA SEMÁNTICO - MODO LIGHT
   ------------------------------------------------------------------------- */
:root,
html[data-theme="light"] {
    --ez-theme-bg-main: var(--ez-pal-neutral-light);
    --ez-theme-bg-main-rgb: var(--ez-pal-neutral-light-rgb);

    --ez-theme-bg-soft: var(--ez-pal-soft-light);
    --ez-theme-bg-soft-rgb: var(--ez-pal-soft-light-rgb);

    --ez-theme-text-main: var(--ez-pal-neutral-dark);
    --ez-theme-text-main-rgb: var(--ez-pal-neutral-dark-rgb);

    --ez-theme-text-muted: rgba(var(--ez-pal-neutral-dark-rgb), 0.6);

    --ez-theme-accent-primary: var(--ez-pal-primary);
    --ez-theme-accent-secondary: var(--ez-pal-secondary);

    --ez-theme-btn-primary-bg: var(--ez-pal-primary);
    --ez-theme-btn-primary-text: var(--ez-pal-neutral-dark);

    --ez-theme-btn-secondary-bg: var(--ez-pal-secondary);
    --ez-theme-btn-secondary-text: var(--ez-pal-neutral-light);

    --ez-theme-success: var(--ez-pal-success);
    --ez-theme-warning: var(--ez-pal-warning);
    --ez-theme-danger: var(--ez-pal-danger);
}

/* -------------------------------------------------------------------------
   E) SISTEMA SEMÁNTICO - MODO DARK
   ------------------------------------------------------------------------- */
html[data-theme="dark"] {
    --ez-theme-bg-main: var(--ez-pal-neutral-dark);
    --ez-theme-bg-main-rgb: var(--ez-pal-neutral-dark-rgb);

    --ez-theme-bg-soft: var(--ez-pal-neutral-dark);
    --ez-theme-bg-soft-rgb: var(--ez-pal-neutral-dark-rgb);

    --ez-theme-text-main: var(--ez-pal-neutral-light);
    --ez-theme-text-main-rgb: var(--ez-pal-neutral-light-rgb);

    --ez-theme-text-muted: rgba(var(--ez-pal-neutral-light-rgb), 0.7);

    --ez-theme-accent-primary: var(--ez-pal-primary);
    --ez-theme-accent-secondary: var(--ez-pal-secondary);

    --ez-theme-btn-primary-bg: var(--ez-pal-primary);
    --ez-theme-btn-primary-text: var(--ez-pal-neutral-dark);

    --ez-theme-btn-secondary-bg: var(--ez-pal-secondary);
    --ez-theme-btn-secondary-text: var(--ez-pal-neutral-light);

    --ez-theme-success: var(--ez-pal-success);
    --ez-theme-warning: var(--ez-pal-warning);
    --ez-theme-danger: var(--ez-pal-danger);
}