/**
 * ============================================
 * VARIABLES CORPORATIVAS - ANTIOQUIA GOLD LTD
 * ============================================
 * 
 * Este archivo contiene todas las variables de color corporativas.
 * Para cambiar los colores, simplemente modifique los valores hex aquí.
 * 
 * Colores corporativos:
 * - Verde: Color principal de la marca
 * - Dorado: Color secundario/acento de la marca
 */

:root {
  /* ============================================
     COLORES CORPORATIVOS PRINCIPALES
     ============================================ */
  
  /* Verde Corporativo - Color Principal */
  --agd-green: #0e642e;           /* Verde principal oscuro */
  --agd-green-light: #124734;     /* Verde principal medio */
  --agd-green-lighter: #165a39;   /* Verde principal claro */
  --agd-green-dark: #0f4928;      /* Verde principal muy oscuro */
  --agd-green-darker: #0e3b1e;    /* Verde principal extremo oscuro */
  
  /* Dorado Corporativo - Color Secundario */
  --agd-gold: #ae841f;            /* Dorado principal */
  --agd-gold-light: #4b3d2a;     /* Dorado claro */
  --agd-gold-lighter: #6e593e;    /* Dorado muy claro */
  --agd-gold-dark: #977719;       /* Dorado oscuro */
  --agd-gold-darker: #7f6113;     /* Dorado muy oscuro */
  
  /* ============================================
     VARIABLES SEMÁNTICAS (Usar estas en el código)
     ============================================ */
  
  /* Colores Primarios */
  --color-primary: var(--agd-green);
  --color-primary-light: var(--agd-green-light);
  --color-primary-lighter: var(--agd-green-lighter);
  --color-primary-dark: var(--agd-green-dark);
  --color-primary-darker: var(--agd-green-darker);
  
  /* Colores Secundarios */
  --color-secondary: var(--agd-gold);
  --color-secondary-light: var(--agd-gold-light);
  --color-secondary-lighter: var(--agd-gold-lighter);
  --color-secondary-dark: var(--agd-gold-dark);
  --color-secondary-darker: var(--agd-gold-darker);
  
  /* Colores de Estado */
  --color-success: var(--agd-green-light);
  --color-success-light: var(--agd-green-lighter);
  --color-success-dark: var(--agd-green-dark);
  
  --color-warning: var(--agd-gold);
  --color-warning-light: var(--agd-gold-light);
  --color-warning-dark: var(--agd-gold-dark);
  
  --color-danger: #dc3545;        /* Rojo para errores (mantener) */
  --color-danger-light: #f8d7da;
  --color-danger-dark: #c82333;
  
  --color-info: #17a2b8;          /* Azul para información (mantener) */
  --color-info-light: #d1ecf1;
  --color-info-dark: #138496;
  
  /* ============================================
     GRADIENTES CORPORATIVOS (COLORES SÓLIDOS)
     ============================================ */
  
  /* Gradientes Verdes - Reemplazados por colores sólidos */
  --gradient-primary: var(--agd-green);
  --gradient-primary-hover: var(--agd-green-dark);
  --gradient-primary-vertical: var(--agd-green);
  
  /* Gradientes Dorados - Reemplazados por colores sólidos */
  --gradient-secondary: var(--agd-gold);
  --gradient-secondary-hover: var(--agd-gold-dark);
  
  /* Gradientes Combinados (Verde + Dorado) - Reemplazados por color verde sólido */
  --gradient-brand: var(--agd-green);
  --gradient-brand-hover: var(--agd-green-dark);
  
  /* ============================================
     COLORES DE TEXTO
     ============================================ */
  
  --text-primary: #2c3e50;        /* Texto principal oscuro */
  --text-secondary: #6c757d;      /* Texto secundario */
  --text-muted: #95a5a6;          /* Texto atenuado */
  --text-light: #bdc3c7;          /* Texto claro */
  --text-white: #ffffff;          /* Texto blanco */
  
  /* Texto sobre fondos corporativos */
  --text-on-green: var(--text-white);
  --text-on-gold: var(--text-primary);
  
  /* ============================================
     COLORES DE FONDO
     ============================================ */
  
  --bg-white: #ffffff;
  --bg-light: #f8f9fa;
  --bg-lighter: #f1f4f5;
  --bg-gray: #e9ecef;
  --bg-dark: #34495e;
  --bg-darker: #2c3e50;
  
  /* Fondos corporativos */
  --bg-primary: var(--agd-green);
  --bg-primary-light: rgba(30, 126, 52, 0.1);
  --bg-primary-lighter: rgba(30, 126, 52, 0.05);
  
  --bg-secondary: var(--agd-gold);
  --bg-secondary-light: rgba(212, 175, 55, 0.1);
  --bg-secondary-lighter: rgba(212, 175, 55, 0.05);
  
  /* ============================================
     BORDES Y SOMBRAS
     ============================================ */
  
  /* Bordes */
  --border-color: #e9ecef;
  --border-color-light: #f1f4f5;
  --border-color-dark: #dee2e6;
  --border-primary: var(--agd-green-light);
  --border-secondary: var(--agd-gold);
  
  /* Sombras con colores corporativos */
  --shadow-sm: 0 2px 8px rgba(30, 126, 52, 0.08);
  --shadow-md: 0 4px 16px rgba(30, 126, 52, 0.12);
  --shadow-lg: 0 8px 32px rgba(30, 126, 52, 0.16);
  --shadow-xl: 0 16px 48px rgba(30, 126, 52, 0.24);
  --shadow-hover: 0 12px 40px rgba(30, 126, 52, 0.2);
  
  --shadow-gold-sm: 0 2px 8px rgba(212, 175, 55, 0.15);
  --shadow-gold-md: 0 4px 16px rgba(212, 175, 55, 0.2);
  --shadow-gold-lg: 0 8px 32px rgba(212, 175, 55, 0.25);
  
  /* ============================================
     BADGES Y ETIQUETAS
     ============================================ */
  
  --badge-primary-bg: var(--agd-green-light);
  --badge-primary-text: var(--text-white);
  
  --badge-secondary-bg: var(--agd-gold);
  --badge-secondary-text: var(--text-primary);
  
  --badge-success-bg: var(--agd-green-lighter);
  --badge-success-text: var(--text-white);
  
  --badge-warning-bg: var(--agd-gold-light);
  --badge-warning-text: var(--text-primary);
  
  /* ============================================
     BOTONES
     ============================================ */
  
  --btn-primary-bg: var(--gradient-primary);
  --btn-primary-hover: var(--gradient-primary-hover);
  --btn-primary-text: var(--text-white);
  
  --btn-secondary-bg: var(--gradient-secondary);
  --btn-secondary-hover: var(--gradient-secondary-hover);
  --btn-secondary-text: var(--text-primary);
  
  --btn-outline-primary-border: var(--agd-green-light);
  --btn-outline-primary-text: var(--agd-green-light);
  --btn-outline-primary-hover-bg: var(--agd-green-light);
  --btn-outline-primary-hover-text: var(--text-white);
  
  /* ============================================
     ENLACES
     ============================================ */
  
  --link-color: var(--agd-green-light);
  --link-hover-color: var(--agd-green-dark);
  --link-active-color: var(--agd-green);
  
  /* ============================================
     ALERTAS Y MENSAJES
     ============================================ */
  
  --alert-success-bg: rgba(40, 167, 69, 0.1);
  --alert-success-border: var(--agd-green-light);
  --alert-success-text: var(--agd-green-dark);
  
  --alert-warning-bg: rgba(212, 175, 55, 0.1);
  --alert-warning-border: var(--agd-gold);
  --alert-warning-text: var(--agd-gold-darker);
  
  --alert-danger-bg: rgba(220, 53, 69, 0.1);
  --alert-danger-border: var(--color-danger);
  --alert-danger-text: var(--color-danger-dark);
  
  --alert-info-bg: rgba(23, 162, 184, 0.1);
  --alert-info-border: var(--color-info);
  --alert-info-text: var(--color-info-dark);
  
  /* ============================================
     TABLAS
     ============================================ */
  
  --table-header-bg: var(--agd-green);
  --table-header-text: var(--text-white);
  --table-stripe-bg: var(--bg-primary-lighter);
  --table-hover-bg: var(--bg-primary-light);
  --table-border: var(--border-color);
  
  /* ============================================
     INPUTS Y FORMULARIOS
     ============================================ */
  
  --input-border: var(--border-color);
  --input-border-focus: var(--agd-green-light);
  --input-bg: var(--bg-white);
  --input-text: var(--text-primary);
  --input-placeholder: var(--text-muted);
  
  /* ============================================
     NAVEGACIÓN Y MENÚS
     ============================================ */
  
  --nav-bg: var(--agd-green);
  --nav-text: var(--text-white);
  --nav-hover-bg: var(--agd-green-dark);
  --nav-active-bg: var(--agd-gold);
  --nav-active-text: var(--text-primary);
  
  --sidebar-bg: var(--bg-darker);
  --sidebar-text: var(--text-white);
  --sidebar-hover-bg: rgba(30, 126, 52, 0.2);
  --sidebar-active-bg: var(--agd-green);
  
  /* ============================================
     CARDS Y PANELES
     ============================================ */
  
  --card-bg: var(--bg-white);
  --card-border: var(--border-color);
  --card-shadow: var(--shadow-sm);
  --card-shadow-hover: var(--shadow-md);
  
  --card-header-bg: var(--bg-primary-lighter);
  --card-header-text: var(--text-primary);
  
  /* ============================================
     PROGRESS BARS
     ============================================ */
  
  --progress-bg: var(--bg-gray);
  --progress-bar-bg: var(--agd-green-light);
  --progress-bar-success: var(--agd-green-lighter);
  --progress-bar-warning: var(--agd-gold);
  --progress-bar-danger: var(--color-danger);
  
  /* ============================================
     TOOLTIPS Y POPOVERS
     ============================================ */
  
  --tooltip-bg: var(--agd-green-dark);
  --tooltip-text: var(--text-white);
  
  /* ============================================
     MODALES
     ============================================ */
  
  --modal-header-bg: var(--gradient-primary);
  --modal-header-text: var(--text-white);
  --modal-bg: var(--bg-white);
  --modal-overlay: rgba(0, 0, 0, 0.6);
  
  /* ============================================
     FOOTER
     ============================================ */
  
  --footer-bg: var(--agd-green-dark);
  --footer-text: var(--text-white);
  --footer-link: var(--agd-gold-light);
  --footer-link-hover: var(--agd-gold);
}

/**
 * ============================================
 * INSTRUCCIONES PARA CAMBIAR COLORES
 * ============================================
 * 
 * Cuando tengas los códigos hex exactos de Antioquia Gold:
 * 
 * 1. Busca la sección "COLORES CORPORATIVOS PRINCIPALES"
 * 2. Reemplaza los valores de:
 *    - --agd-green (verde principal)
 *    - --agd-green-light, --agd-green-lighter, etc.
 *    - --agd-gold (dorado principal)
 *    - --agd-gold-light, --agd-gold-lighter, etc.
 * 
 * 3. Los demás colores se ajustarán automáticamente
 *    porque usan las variables semánticas.
 * 
 * Ejemplo:
 *    --agd-green: #1e7e34;  →  --agd-green: #TU_HEX_AQUI;
 *    --agd-gold: #d4af37;   →  --agd-gold: #TU_HEX_AQUI;
 */