/**
 * Cores da Identidade Visual OnCabo
 * Paleta otimizada para acessibilidade WCAG AA/AAA
 * Baseada no azul navy do logo oficial
 */

:root {
    /* ========================================
       CORES OFICIAIS DA LOGO ONCABO
       Azul: #0c3c6c | Verde: #13fa1c
       ======================================== */

    /* Azul OnCabo (Primário) - do logo oficial */
    --oncabo-primary: #0c3c6c;        /* Azul OnCabo - COR EXATA DA LOGO */
    --oncabo-primary-hover: #094061;  /* Azul escuro - hover/active */
    --oncabo-primary-light: #0e4a80;  /* Azul claro - variações */
    --oncabo-primary-lighter: #e8f2f9; /* Azul muito claro - backgrounds suaves */
    --oncabo-primary-alpha: rgba(12, 60, 108, 0.1); /* Azul transparente */

    /* Verde OnCabo (Acento) - do logo oficial */
    --oncabo-green: #13fa1c;          /* Verde OnCabo - COR EXATA DA LOGO */
    --oncabo-green-hover: #10d118;    /* Verde hover */
    --oncabo-green-dark: #0ea815;     /* Verde escuro para texto */
    --oncabo-green-alpha: rgba(19, 250, 28, 0.15); /* Verde transparente */

    /* Branco e Cinzas */
    --oncabo-white: #FFFFFF;          /* Branco puro */
    --oncabo-off-white: #F8FAFB;      /* Branco levemente off para contraste */
    --oncabo-gray-50: #F9FAFB;

    /* Aliases para compatibilidade */
    --oncabo-navy: #0c3c6c;
    --oncabo-navy-light: #0e4a80;
    --oncabo-navy-dark: #094061;

    /* Cores neutras */
    --oncabo-white: #FFFFFF;
    --oncabo-gray-50: #F9FAFB;
    --oncabo-gray-100: #F3F4F6;
    --oncabo-gray-200: #E5E7EB;
    --oncabo-gray-300: #D1D5DB;
    --oncabo-gray-400: #9CA3AF;
    --oncabo-gray-500: #6B7280;
    --oncabo-gray-600: #4B5563;
    --oncabo-gray-700: #374151;
    --oncabo-gray-800: #1F2937;
    --oncabo-gray-900: #111827;

    /* Cores escuras */
    --oncabo-dark: #0F172A;
    --oncabo-dark-alt: #1E293B;
    --oncabo-dark-light: #334155;

    /* Cores de estado */
    --oncabo-success: #10B981;
    --oncabo-success-light: #D1FAE5;
    --oncabo-info: #3B82F6;
    --oncabo-info-light: #DBEAFE;
    --oncabo-warning: #F59E0B;
    --oncabo-warning-light: #FEF3C7;
    --oncabo-danger: #EF4444;
    --oncabo-danger-light: #FEE2E2;

    /* Gradientes - Azul OnCabo */
    --gradient-primary: linear-gradient(135deg, #0c3c6c 0%, #094061 100%);
    --gradient-primary-light: linear-gradient(135deg, #e8f2f9 0%, #d4e5f1 100%);
    --gradient-primary-overlay: linear-gradient(135deg, rgba(12, 60, 108, 0.95) 0%, rgba(9, 64, 97, 0.98) 100%);
    --gradient-dark: linear-gradient(135deg, #094061 0%, #06283a 100%);
    --gradient-blue-glow: linear-gradient(135deg, rgba(12, 60, 108, 0.1) 0%, rgba(12, 60, 108, 0.05) 100%);

    /* Gradientes especiais */
    --gradient-green-glow: linear-gradient(135deg, rgba(19, 250, 28, 0.15) 0%, rgba(19, 250, 28, 0.05) 100%);

    /* Sombras otimizadas */
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.04);
    --shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.25);
    --shadow-primary: 0 4px 14px rgba(12, 60, 108, 0.25);
    --shadow-primary-hover: 0 6px 20px rgba(12, 60, 108, 0.35);
    --shadow-green: 0 0 20px rgba(19, 250, 28, 0.4);

    /* Transições */
    --transition-fast: 0.15s ease-in-out;
    --transition-normal: 0.3s ease-in-out;
    --transition-slow: 0.5s ease-in-out;

    /* Espaçamentos consistentes */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    --spacing-3xl: 4rem;

    /* Raios de borda */
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-2xl: 1.5rem;
    --radius-full: 9999px;

    /* Tipografia */
    --font-body: 'Barlow', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-heading: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Z-index */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
}

/* Modo escuro/alto contraste para acessibilidade */
[data-theme="high-contrast"] {
    --oncabo-green: #00FF00;
    --oncabo-navy: #000000;
    --oncabo-white: #FFFFFF;
    --oncabo-gray-light: #000000;
    --oncabo-dark: #000000;
    --oncabo-dark-alt: #1A1A1A;
}