/* ============================================
   Portal do Cliente Trigénius - Variáveis de Tema
   Fonte de verdade para cores, sombras, raios,
   transições e tipografia do portal.
   ============================================ */

:root {
    /* === Cores Primárias (marca Trigénius) === */
    --tg-blue: #03A9F4;
    --tg-blue-rgb: 3, 169, 244;
    --tg-blue-dark: #0288D1;
    --tg-blue-darker: #01579B;
    --tg-navy: #1a3a52;
    --tg-navy-dark: #0f2537;

    /* === Cores Neutras === */
    --tg-white: #ffffff;
    --tg-gray-50: #f8f9fa;
    --tg-gray-100: #f1f3f5;
    --tg-gray-200: #e9ecef;
    --tg-gray-300: #dee2e6;
    --tg-gray-500: #8c939a;
    --tg-gray-700: #495057;
    --tg-gray-900: #1a1d21;

    /* === Cores Semânticas === */
    --tg-red: #e53935;
    --tg-red-dark: #c62828;
    --tg-green: #43a047;
    --tg-green-dark: #2e7d32;
    --tg-yellow: #f9a825;
    --tg-orange: #ef6c00;
    --tg-purple: #7b1fa2;

    /* === Cores de Estado (Tarefas/Processos) === */
    --tg-status-pending: #f5f2f2;
    --tg-status-in-progress: #faebc0;
    --tg-status-completed: #d3f2c9;
    --tg-status-invalid: #edb4b8;
    --tg-status-validated: #ade69a;
    --tg-status-scheduled: #c1afdb;

    /* === Espaçamento === */
    --tg-space-xs: 4px;
    --tg-space-sm: 8px;
    --tg-space-md: 16px;
    --tg-space-lg: 24px;
    --tg-space-xl: 32px;
    --tg-space-2xl: 48px;

    /* === Tipografia - Tamanhos === */
    --tg-font-xs: 0.75rem;
    --tg-font-sm: 0.875rem;
    --tg-font-base: 1rem;
    --tg-font-md: 1.125rem;
    --tg-font-lg: 1.25rem;
    --tg-font-xl: 1.5rem;
    --tg-font-2xl: 2rem;

    /* === Bordas e Raios === */
    --tg-radius: 20px;
    --tg-radius-sm: 12px;
    --tg-radius-xs: 8px;
    --tg-radius-card: 10px;

    /* === Animações === */
    --tg-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --tg-transition-fast: 0.15s var(--tg-ease);
    --tg-transition: 0.25s var(--tg-ease);

    /* === Sombras === */
    --tg-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
    --tg-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
    --tg-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);

    /* === Layout - Fundos === */
    --tg-body-bg: #f1f3f5;
    --tg-card-bg: var(--tg-white);
    --tg-popup-bg: var(--tg-gray-100);
    --tg-footer-bg: var(--tg-gray-50);

    /* === Menu Lateral === */
    --tg-menu-bg: #2b2b36;
    --tg-menu-hover: #3a3a48;
    --tg-menu-divider: #46464f;
    --tg-menu-text: var(--tg-white);
    --tg-menu-active: var(--tg-blue);

    /* === Header === */
    --tg-header-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);

    /* === Accordion === */
    --tg-accordion-header-bg: var(--tg-blue-dark);
    --tg-accordion-header-text: var(--tg-white);

    /* === Home Page === */
    --tg-home-card-bg: rgba(255, 255, 255, 0.97);
    --tg-home-card-border: rgba(255, 255, 255, 0.25);
    --tg-home-section-gradient: linear-gradient(135deg, var(--tg-blue) 0%, var(--tg-blue-dark) 100%);

    /* === Botão Client Selector === */
    --tg-client-btn-bg: var(--tg-gray-100);
    --tg-client-btn-border: var(--tg-gray-200);
    --tg-client-btn-text: var(--tg-gray-900);

    /* === Tipografia === */
    --tg-font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}