/**
 * Nueva paleta de colores Microdental
 * Actualización: Septiembre 2025
 */

:root {
    /* COLORES PRINCIPALES */
    --color-primary: #B85170;          /* Rosa polvoriento - Principal */
    --color-primary-rgb: 184, 81, 112; /* RGB para transparencias */
    --color-complementary: #51B892;    /* Verde azulado - Complementario */
    
    /* PALETA ANÁLOGA */
    --color-analog-1: #B85195;         /* Magenta suave */
    --color-analog-2: #B86F51;         /* Salmón terroso */
    
    /* PALETA TRIÁDICA */
    --color-triadic-1: #70B851;        /* Verde lima suave */
    --color-triadic-2: #5170B8;        /* Azul medio */
    
    /* PALETA SPLIT-COMPLEMENTARY */
    --color-split-1: #51B86F;          /* Verde medio */
    --color-split-2: #51A1B8;          /* Azul turquesa */
    
    /* NEUTROS */
    --color-light: #FAF7F5;            /* Blanco crema */
    --color-neutral: #D4CFC9;          /* Gris cálido claro */
    --color-dark: #2C2833;             /* Gris carbón */
    --color-black: #1A1A1A;            /* Negro suave */
    --color-white: #FFFFFF;            /* Blanco puro */
    
    /* VARIACIONES DEL COLOR PRINCIPAL */
    --color-primary-light: #D694AA;    /* Rosa claro */
    --color-primary-lighter: #EBC5D3;  /* Rosa muy claro */
    --color-primary-dark: #9A3E5C;     /* Rosa oscuro */
    --color-primary-darker: #7A2F48;   /* Rosa muy oscuro */
    
    /* TRANSPARENCIAS */
    --color-primary-10: rgba(184, 81, 112, 0.1);
    --color-primary-20: rgba(184, 81, 112, 0.2);
    --color-primary-30: rgba(184, 81, 112, 0.3);
    --color-primary-50: rgba(184, 81, 112, 0.5);
    --color-primary-80: rgba(184, 81, 112, 0.8);
    
    /* FONDOS */
    --bg-primary: var(--color-primary);
    --bg-light: var(--color-light);
    --bg-white: var(--color-white);
    --bg-dark: var(--color-dark);
    
    /* TEXTOS */
    --text-primary: var(--color-dark);
    --text-secondary: #666666;
    --text-light: var(--color-white);
    --text-muted: #999999;
    
    /* BORDES */
    --border-light: #E0E0E0;
    --border-primary: var(--color-primary);
    
    /* SOMBRAS */
    --shadow-sm: 0 2px 4px rgba(26, 26, 26, 0.1);
    --shadow-md: 0 4px 8px rgba(26, 26, 26, 0.15);
    --shadow-lg: 0 8px 16px rgba(26, 26, 26, 0.2);
    --shadow-xl: 0 16px 32px rgba(26, 26, 26, 0.25);
}

/* CLASES DE UTILIDAD */
.bg-primary { background-color: var(--color-primary) !important; }
.bg-complementary { background-color: var(--color-complementary) !important; }
.bg-light { background-color: var(--color-light) !important; }
.bg-dark { background-color: var(--color-dark) !important; }

.text-primary { color: var(--color-primary) !important; }
.text-complementary { color: var(--color-complementary) !important; }
.text-dark { color: var(--color-dark) !important; }
.text-light { color: var(--color-light) !important; }

.border-primary { border-color: var(--color-primary) !important; }
.border-complementary { border-color: var(--color-complementary) !important; }