/* 
 * Cores do Site Operate Facilities - Canva
 * 
 * Para atualizar as cores:
 * 1. Acesse: https://operate-facilities.my.canva.site/operate-facilities
 * 2. Use o DevTools (F12) para inspecionar elementos
 * 3. Ou use uma extensão como ColorZilla para capturar cores
 * 4. Substitua os valores abaixo pelas cores encontradas
 */

 :root {
    /* Texto */
    --text-primary: #2E2E2E;
    --text-secondary: #5A5A5A;
    --text-light: #8A8A8A;
    --text-white: #FFFFFF;
    --text-gold: #D4AF37;
  
    /* Branding */
    --brand-gold: #D4AF37;
    --brand-gold-dark: #B8962E;
    --brand-gold-light: #F2D57C;
    --brand-black: #000000;
    --brand-black-soft: #111111;
  
    /* Uniforme */
    --uniform-beige: #E6D3A3;
    --uniform-brown: #5A3E2B;
  
    /* Backgrounds */
    --bg-primary: #FFFFFF;
    --bg-secondary: #F7F4EE;
    --bg-highlight: #F2C94C;
    --bg-dark: #111111;
  
    /* Bordas */
    --border-default: #D4AF37;
    --border-light: #E6E1D6;
  
    /* Status (harmonizados com dourado) */
    --success-color: #6B8E23;
    --warning-color: #D4AF37;
    --error-color: #8B0000;
    --info-color: #3A6EA5;
  
    /* Sombras */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.15);
    --shadow-md: 0 4px 10px rgba(0, 0, 0, 0.2);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.25);
  }
  
/* 
 * INSTRUÇÕES PARA EXTRAIR CORES DO CANVA:
 * 
 * Método 1 - DevTools:
 * 1. Abra o site no Chrome/Edge
 * 2. Pressione F12
 * 3. Clique no ícone de seleção (ou Ctrl+Shift+C)
 * 4. Clique no elemento com a cor desejada
 * 5. No painel direito, veja a seção "Styles"
 * 6. Procure por "background-color", "color", etc.
 * 7. Copie o código hexadecimal (ex: #0066CC)
 * 
 * Método 2 - ColorZilla:
 * 1. Instale a extensão ColorZilla no Chrome
 * 2. Clique no ícone da extensão
 * 3. Selecione "Pick Color From Page"
 * 4. Clique na cor desejada
 * 5. Copie o código hexadecimal
 * 
 * Método 3 - Screenshot + Ferramenta Online:
 * 1. Tire um screenshot do site
 * 2. Use uma ferramenta online como:
 *    - https://imagecolorpicker.com/
 *    - https://html-color-codes.info/colors-from-image/
 * 3. Faça upload da imagem
 * 4. Clique nas cores para obter os códigos
 */