/* ============================================
   T180 - ARQUIVO CENTRALIZADO DE CORES
   ============================================
   Altere apenas este arquivo para mudar
   todas as cores do sistema rapidamente!
   ============================================ */

:root {
    /* ===== CORES PRINCIPAIS DOURADAS (VÍDEOS) ===== */
    --t180-primary: #b89a05;              /* Dourado principal - VÍDEOS */
    --t180-primary-dark: #9a7f04;         /* Dourado escuro */
    --t180-primary-darker: #7a6403;       /* Dourado mais escuro */
    --t180-primary-light: #d1b306;        /* Dourado claro */
    --t180-primary-lighter: #e8c807;      /* Dourado mais claro */
    
    /* ===== CORES PARA DOCUMENTOS (AMARELO) ===== */
    --t180-documents: #fcd200;             /* Amarelo/dourado claro - DOCUMENTOS */
    --t180-documents-dark: #d4b000;        /* Amarelo escuro */
    --t180-documents-light: #ffd933;       /* Amarelo claro */
    
    /* ===== CORES DE FUNDO ===== */
    --t180-bg-dark: #000000;              /* Preto */
    --t180-bg-darker: #0a0a0a;            /* Preto mais escuro */
    --t180-bg-card: #1a1a1a;              /* Fundo de cards */
    --t180-bg-input: #2a2a2a;            /* Fundo de inputs */
    --t180-bg-hover: rgba(184, 154, 5, 0.05);  /* Hover suave */
    
    /* ===== CORES DE TEXTO ===== */
    --t180-text-light: #FFFFFF;           /* Branco */
    --t180-text-secondary: rgba(255,255,255,0.85);
    --t180-text-muted: rgba(255,255,255,0.6);
    --t180-text-disabled: rgba(255,255,255,0.4);
    
    /* ===== CORES DE ACENTO ===== */
    --t180-accent: var(--t180-primary);   /* Usa a cor principal */
    --t180-accent-hover: var(--t180-primary-light);
    --t180-accent-active: var(--t180-primary-dark);
    
    /* ===== CORES DE ESTADO ===== */
    --t180-success: #10b981;              /* Verde sucesso */
    --t180-danger: #ef4444;               /* Vermelho erro */
    --t180-warning: #f59e0b;              /* Amarelo aviso */
    --t180-info: #3b82f6;                 /* Azul informação */
    
    /* ===== CORES DE BORDA ===== */
    --t180-border: rgba(184, 154, 5, 0.2);      /* Borda dourada suave */
    --t180-border-active: var(--t180-primary);   /* Borda dourada ativa */
    --t180-border-hover: rgba(184, 154, 5, 0.4);
    --t180-border-subtle: rgba(255,255,255,0.08);
    
    /* ===== OPACIDADES DOURADAS (VÍDEOS) ===== */
    --t180-gold-10: rgba(184, 154, 5, 0.1);   /* 10% opacidade */
    --t180-gold-15: rgba(184, 154, 5, 0.15);  /* 15% opacidade */
    --t180-gold-20: rgba(184, 154, 5, 0.2);   /* 20% opacidade */
    --t180-gold-25: rgba(184, 154, 5, 0.25);  /* 25% opacidade */
    --t180-gold-30: rgba(184, 154, 5, 0.3);   /* 30% opacidade */
    --t180-gold-35: rgba(184, 154, 5, 0.35);  /* 35% opacidade */
    
    /* ===== OPACIDADES AMARELAS (DOCUMENTOS) ===== */
    --t180-yellow-10: rgba(252, 210, 0, 0.1);   /* 10% opacidade */
    --t180-yellow-15: rgba(252, 210, 0, 0.15);  /* 15% opacidade */
    --t180-yellow-20: rgba(252, 210, 0, 0.2);   /* 20% opacidade */
    --t180-yellow-25: rgba(252, 210, 0, 0.25);  /* 25% opacidade */
    --t180-yellow-30: rgba(252, 210, 0, 0.3);   /* 30% opacidade */
    --t180-yellow-35: rgba(252, 210, 0, 0.35);  /* 35% opacidade */
    
    /* ===== GRADIENTES (VÍDEOS) ===== */
    --t180-gradient-primary: linear-gradient(135deg, var(--t180-primary-dark) 0%, var(--t180-primary) 100%);
    --t180-gradient-hover: linear-gradient(135deg, var(--t180-primary) 0%, var(--t180-primary-light) 100%);
    --t180-gradient-navbar: linear-gradient(135deg, var(--t180-bg-dark) 0%, rgba(184, 154, 5, 0.1) 100%);
    --t180-gradient-card: linear-gradient(135deg, var(--t180-primary-darker) 0%, var(--t180-primary-dark) 100%);
    
    /* ===== GRADIENTES (DOCUMENTOS) ===== */
    --t180-gradient-documents: linear-gradient(135deg, var(--t180-documents-dark) 0%, var(--t180-documents) 100%);
    --t180-gradient-documents-hover: linear-gradient(135deg, var(--t180-documents) 0%, var(--t180-documents-light) 100%);
    
    /* ===== SOMBRAS (VÍDEOS) ===== */
    --t180-shadow-primary: 0 4px 12px rgba(184, 154, 5, 0.2);
    --t180-shadow-hover: 0 6px 20px rgba(184, 154, 5, 0.3);
    --t180-shadow-active: 0 2px 8px rgba(184, 154, 5, 0.4);
    --t180-shadow-glow: 0 0 20px rgba(184, 154, 5, 0.3);
    
    /* ===== SOMBRAS (DOCUMENTOS) ===== */
    --t180-shadow-documents: 0 4px 12px rgba(252, 210, 0, 0.2);
    --t180-shadow-documents-hover: 0 6px 20px rgba(252, 210, 0, 0.3);
    --t180-shadow-documents-glow: 0 0 20px rgba(252, 210, 0, 0.3);
    
    /* ===== COMPATIBILIDADE (mantém nomes antigos) ===== */
    --t180-primary-blue: var(--t180-primary);      /* Para compatibilidade */
    --t180-accent-green: var(--t180-primary);     /* Para compatibilidade */
    --t180-gray-dark: #2C2C2C;
    --t180-gray-medium: #4A4A4A;
    --t180-gray-light: #6B6B6B;
}