/* ============================================
   CATÁLOGO DE 36 TEMAS DE COLORES
   ============================================
   Cada tema define 3 variables:
   - --theme-{name}-lighten: color estático claro
   - --theme-{name}-darken: color estático oscuro
   - --theme-{name}-base: cambia automáticamente con MudBlazor (claro/oscuro)
*/

:root {
    /* ROSA / PINK (1-3) */
    --theme-pink-pastel-lighten: #FFB3BA; --theme-pink-pastel-darken: #8B4A4F;
    --theme-pink-soft-lighten: #FFC9D0; --theme-pink-soft-darken: #995965;
    --theme-pink-light-lighten: #FFD6DC; --theme-pink-light-darken: #A66670;
    
    /* NARANJA / ORANGE (4-6) */
    --theme-peach-lighten: #FFDFBA; --theme-peach-darken: #8B6A47;
    --theme-peach-soft-lighten: #FFEAC5; --theme-peach-soft-darken: #997A52;
    --theme-orange-pastel-lighten: #FFE5CC; --theme-orange-pastel-darken: #A67A5C;
    
    /* AMARILLO / YELLOW (7-9) */
    --theme-yellow-pastel-lighten: #FFFFBA; --theme-yellow-pastel-darken: #8B8B47;
    --theme-cream-lighten: #FFF9C4; --theme-cream-darken: #99946D;
    --theme-vanilla-lighten: #FFFACD; --theme-vanilla-darken: #A69F73;
    
    /* VERDE / GREEN (10-15) */
    --theme-green-mint-lighten: #BAFFC9; --theme-green-mint-darken: #4F8B59;
    --theme-green-pastel-lighten: #C9FFD6; --theme-green-pastel-darken: #5C9966;
    --theme-green-soft-lighten: #D4FFDC; --theme-green-soft-darken: #66A670;
    --theme-mint-light-lighten: #BAE1FF; --theme-mint-light-darken: #47738B;
    --theme-aquamarine-lighten: #C5F0FF; --theme-aquamarine-darken: #528899;
    --theme-sea-green-lighten: #CCFFF0; --theme-sea-green-darken: #5CA68A;
    
    /* AZUL / BLUE (16-19) */
    --theme-blue-pastel-lighten: #BAE1FF; --theme-blue-pastel-darken: #476F8B;
    --theme-blue-sky-lighten: #C5EBFF; --theme-blue-sky-darken: #528199;
    --theme-blue-light-lighten: #D0F0FF; --theme-blue-light-darken: #5C8CA6;
    --theme-cyan-lighten: #BAFFF9; --theme-cyan-darken: #478B87;
    
    /* MORADO / PURPLE (20-24) */
    --theme-lavender-lighten: #E0BBE4; --theme-lavender-darken: #6F4A73;
    --theme-lilac-pastel-lighten: #E8CCF0; --theme-lilac-pastel-darken: #7A5C8A;
    --theme-purple-pastel-lighten: #D4BAFF; --theme-purple-pastel-darken: #66478B;
    --theme-violet-soft-lighten: #DCC5FF; --theme-violet-soft-darken: #705299;
    --theme-purple-light-lighten: #E5D0FF; --theme-purple-light-darken: #7A5CA6;
    
    /* FUCSIA / MAGENTA (25-27) */
    --theme-fuchsia-pastel-lighten: #FFBAF3; --theme-fuchsia-pastel-darken: #8B4782;
    --theme-magenta-soft-lighten: #FFC9F9; --theme-magenta-soft-darken: #99528F;
    --theme-bubblegum-pink-lighten: #FFD6FC; --theme-bubblegum-pink-darken: #A65C99;
    
    /* GRIS / GRAY (28-30) */
    --theme-gray-pearl-lighten: #E8E8E8; --theme-gray-pearl-darken: #6B6B6B;
    --theme-silver-lighten: #EFEFEF; --theme-silver-darken: #757575;
    --theme-smoke-lighten: #F5F5F5; --theme-smoke-darken: #808080;
    
    /* BEIGE / BROWN (31-33) */
    --theme-beige-pastel-lighten: #FFE4CC; --theme-beige-pastel-darken: #8B6F4F;
    --theme-sand-lighten: #FFEBD9; --theme-sand-darken: #997A5C;
    --theme-cafe-latte-lighten: #F0E6D2; --theme-cafe-latte-darken: #857A66;
    
    /* CORAL (34-36) */
    --theme-coral-pastel-lighten: #FFCCCB; --theme-coral-pastel-darken: #8B5959;
    --theme-salmon-lighten: #FFD7CC; --theme-salmon-darken: #996F66;
    --theme-coral-soft-lighten: #FFE2D9; --theme-coral-soft-darken: #A67A70;
    
    /* Base colors - por defecto modo claro */
    --theme-pink-pastel-base: var(--theme-pink-pastel-lighten);
    --theme-pink-soft-base: var(--theme-pink-soft-lighten);
    --theme-pink-light-base: var(--theme-pink-light-lighten);
    --theme-peach-base: var(--theme-peach-lighten);
    --theme-peach-soft-base: var(--theme-peach-soft-lighten);
    --theme-orange-pastel-base: var(--theme-orange-pastel-lighten);
    --theme-yellow-pastel-base: var(--theme-yellow-pastel-lighten);
    --theme-cream-base: var(--theme-cream-lighten);
    --theme-vanilla-base: var(--theme-vanilla-lighten);
    --theme-green-mint-base: var(--theme-green-mint-lighten);
    --theme-green-pastel-base: var(--theme-green-pastel-lighten);
    --theme-green-soft-base: var(--theme-green-soft-lighten);
    --theme-mint-light-base: var(--theme-mint-light-lighten);
    --theme-aquamarine-base: var(--theme-aquamarine-lighten);
    --theme-sea-green-base: var(--theme-sea-green-lighten);
    --theme-blue-pastel-base: var(--theme-blue-pastel-lighten);
    --theme-blue-sky-base: var(--theme-blue-sky-lighten);
    --theme-blue-light-base: var(--theme-blue-light-lighten);
    --theme-cyan-base: var(--theme-cyan-lighten);
    --theme-lavender-base: var(--theme-lavender-lighten);
    --theme-lilac-pastel-base: var(--theme-lilac-pastel-lighten);
    --theme-purple-pastel-base: var(--theme-purple-pastel-lighten);
    --theme-violet-soft-base: var(--theme-violet-soft-lighten);
    --theme-purple-light-base: var(--theme-purple-light-lighten);
    --theme-fuchsia-pastel-base: var(--theme-fuchsia-pastel-lighten);
    --theme-magenta-soft-base: var(--theme-magenta-soft-lighten);
    --theme-bubblegum-pink-base: var(--theme-bubblegum-pink-lighten);
    --theme-gray-pearl-base: var(--theme-gray-pearl-lighten);
    --theme-silver-base: var(--theme-silver-lighten);
    --theme-smoke-base: var(--theme-smoke-lighten);
    --theme-beige-pastel-base: var(--theme-beige-pastel-lighten);
    --theme-sand-base: var(--theme-sand-lighten);
    --theme-cafe-latte-base: var(--theme-cafe-latte-lighten);
    --theme-coral-pastel-base: var(--theme-coral-pastel-lighten);
    --theme-salmon-base: var(--theme-salmon-lighten);
    --theme-coral-soft-base: var(--theme-coral-soft-lighten);
}