:root {
    /* Colores principales */
    --color-primary: #082f53;
    --color-primary-light: #0a3a6a;
    --color-primary-dark: #062442;
    
    --color-secondary: #188bf7;
    --color-secondary-light: #3a9ff8;
    --color-secondary-dark: #1474d6;
    
    --color-dark: #000000;
    --color-dark-light: #333333;
    
    --color-white: #ffffff;
    --color-white-dark: #f5f5f5;
    
    /* Colores de texto */
    --text-on-light: #000000;
    --text-on-dark: #ffffff;
    
    /* Colores de estado */
    --color-success: #28a745;
    --color-warning: #ffc107;
    --color-danger: #dc3545;
    --color-info: #17a2b8;
    
    /* Colores de fondo */
    --bg-light: var(--color-white);
    --bg-dark: var(--color-dark);
    --bg-primary: var(--color-primary);
    --bg-secondary: var(--color-secondary);
    
    /* Colores de bordes */
    --border-light: #e0e0e0;
    --border-dark: #333333;
    
    /* Opacidades */
    --opacity-hover: 0.8;
    --opacity-disabled: 0.5;
  }