/**
 * Variables CSS - Innovalabs 4D
 * Basado en el Manual de Marca
 */

:root {
    /* Colores Corporativos */
    --color-primary: #2EB8BA;        /* RGB 46/184/186 - Azul turquesa */
    --color-dark: #161616;           /* RGB 22/22/22 - Negro corporativo */
    --color-light: #FFFFFF;          /* RGB 255/255/255 - Blanco */
    --color-gray: #ADADAD;           /* RGB 173/173/173 - Gris */
    
    /* Estados */
    --color-estado-1: #FFD700;       /* Datos Ingresados - Amarillo */
    --color-estado-2: #28a745;       /* Escáner Tomado - Verde */
    --color-estado-3: #2EB8BA;       /* OT Completada - Azul corporativo */
    --color-estado-4: #6f42c1;       /* OT Enviada - Morado */
    
    /* Colores Semánticos */
    --color-success: #28a745;
    --color-danger: #dc3545;
    --color-warning: #ffc107;
    --color-info: #17a2b8;
    
    /* Tipografía */
    --font-primary: 'Comfortaa', 'Segoe UI', sans-serif;
    --font-size-base: 16px;
    --font-size-small: 14px;
    --font-size-large: 18px;
    --font-size-xlarge: 24px;
    
    /* Espaciado */
    --spacing-xs: 5px;
    --spacing-sm: 10px;
    --spacing-md: 20px;
    --spacing-lg: 30px;
    --spacing-xl: 40px;
    
    /* Border Radius */
    --radius-sm: 5px;
    --radius-md: 10px;
    --radius-lg: 20px;
    --radius-round: 50%;
    
    /* Sombras */
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.1);
    --shadow-md: 0 4px 8px rgba(0,0,0,0.15);
    --shadow-lg: 0 8px 16px rgba(0,0,0,0.2);
    
    /* Transiciones */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
}

/* TEMA LIGHT (por defecto) */
:root {
    --bg-primary: #FFFFFF;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #e9ecef;
    --text-primary: #161616;
    --text-secondary: #6c757d;
    --border-color: #dee2e6;
    --input-bg: #FFFFFF;
    --input-border: #ced4da;
}

/* TEMA DARK */
[data-theme="dark"] {
    --bg-primary: #161616;
    --bg-secondary: #212529;
    --bg-tertiary: #343a40;
    --text-primary: #FFFFFF;
    --text-secondary: #ADADAD;
    --border-color: #495057;
    --input-bg: #212529;
    --input-border: #495057;
}