/**
 * Paleta de Cores - SELECT INVESTMENTS
 * Baseada em preto e dourado para uma experiência premium
 */

:root {
  /* ========================================
     CORES PRINCIPAIS
     ======================================== */
  
  /* Dourado - Cor primária para elementos de destaque */
  --primary-gold: #D4AF37;
  --primary-gold-hover: #B8941F;
  --primary-gold-light: #F4E4A6;
  --primary-gold-dark: #9A7B1A;
  --primary-gold-darker: #7A5F15;
  
  /* Preto - Cor base para fundos */
  --primary-black: #000000;
  --primary-dark: #0A0A0A;
  
  /* ========================================
     VARIAÇÕES DE FUNDO
     ======================================== */
  
  --bg-primary: #000000;        /* Fundo principal */
  --bg-secondary: #1A1A1A;      /* Cards e containers */
  --bg-tertiary: #2D2D2D;       /* Elementos elevados */
  --bg-quaternary: #404040;     /* Estados hover */
  --bg-soft: #4A4A4A;          /* Elementos sutis */
  
  /* ========================================
     CORES DE TEXTO
     ======================================== */
  
  --text-primary: #FFFFFF;      /* Texto principal */
  --text-secondary: #CCCCCC;    /* Texto secundário */
  --text-muted: #999999;        /* Texto esmaecido */
  --text-accent: #D4AF37;       /* Texto de destaque */
  --text-on-gold: #000000;      /* Texto sobre fundo dourado */
  
  /* ========================================
     BORDAS E DIVISORES
     ======================================== */
  
  --border-primary: #666666;    /* Bordas padrão */
  --border-accent: #D4AF37;     /* Bordas de destaque */
  --border-light: #404040;      /* Bordas sutis */
  --border-focus: #F4E4A6;      /* Bordas em foco */
  
  /* ========================================
     CORES DE STATUS
     ======================================== */
  
  --status-success: #28A745;    /* Sucesso */
  --status-success-bg: #1E7E34; /* Fundo de sucesso */
  --status-warning: #FFC107;    /* Aviso */
  --status-warning-bg: #E0A800; /* Fundo de aviso */
  --status-danger: #DC3545;     /* Erro */
  --status-danger-bg: #C82333;  /* Fundo de erro */
  --status-info: #17A2B8;       /* Informação */
  --status-info-bg: #138496;    /* Fundo de informação */
  
  /* ========================================
     SOMBRAS E EFEITOS
     ======================================== */
  
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.7);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.8);
  --shadow-gold: 0 0 20px rgba(212, 175, 55, 0.3);
  
  /* ========================================
     GRADIENTES
     ======================================== */
  
  --gradient-gold: linear-gradient(135deg, #D4AF37 0%, #B8941F 100%);
  --gradient-black: linear-gradient(135deg, #1A1A1A 0%, #000000 100%);
  --gradient-overlay: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(212, 175, 55, 0.1) 100%);
  
  /* ========================================
     ESTADOS INTERATIVOS
     ======================================== */
  
  /* Hover States */
  --hover-gold: #E6C547;
  --hover-black: #2D2D2D;
  --hover-overlay: rgba(212, 175, 55, 0.1);
  
  /* Focus States */
  --focus-gold: #F4E4A6;
  --focus-outline: 2px solid #D4AF37;
  
  /* Active States */
  --active-gold: #9A7B1A;
  --active-black: #404040;
  
  /* ========================================
     TRANSPARÊNCIAS
     ======================================== */
  
  --gold-10: rgba(212, 175, 55, 0.1);
  --gold-20: rgba(212, 175, 55, 0.2);
  --gold-30: rgba(212, 175, 55, 0.3);
  --gold-50: rgba(212, 175, 55, 0.5);
  
  --black-10: rgba(0, 0, 0, 0.1);
  --black-20: rgba(0, 0, 0, 0.2);
  --black-50: rgba(0, 0, 0, 0.5);
  --black-80: rgba(0, 0, 0, 0.8);
  
  --white-10: rgba(255, 255, 255, 0.1);
  --white-20: rgba(255, 255, 255, 0.2);
  --white-50: rgba(255, 255, 255, 0.5);
}

/* ========================================
   CLASSES UTILITÁRIAS
   ======================================== */

/* Backgrounds */
.bg-primary { background-color: var(--bg-primary) !important; }
.bg-secondary { background-color: var(--bg-secondary) !important; }
.bg-tertiary { background-color: var(--bg-tertiary) !important; }
.bg-gold { background-color: var(--primary-gold) !important; }

/* Text Colors */
.text-primary { color: var(--text-primary) !important; }
.text-secondary { color: var(--text-secondary) !important; }
.text-muted { color: var(--text-muted) !important; }
.text-gold { color: var(--text-accent) !important; }

/* Borders */
.border-gold { border-color: var(--border-accent) !important; }
.border-primary { border-color: var(--border-primary) !important; }

/* Shadows */
.shadow-gold { box-shadow: var(--shadow-gold) !important; }