/* Variáveis CSS - Identidade Obrazap */
/* Baseado no BrandBook ObraZAP 2025 */

:root {
    /* ============================================
       PALETA CROMÁTICA - BrandBook ObraZAP
       ============================================ */
    
    /* Cores Principais - Verde ObraZAP */
    --primary-green: #00a638; /* ObraZAP Green - Cor Principal */
    --primary-green-accent: #1ca81c; /* ObraZAP Green Accent */
    --primary-green-90: #1aa91a; /* ObraZAP Green 90% */
    --primary-green-financial: #73bf3b; /* Financial Green - Verde mais claro */
    
    /* Cores Secundárias - Verde Escuro */
    --primary-green-dark: #03523d; /* ObraPAY Green */
    --primary-green-blackish: #034030; /* ObraZAP Blackish */
    --primary-green-fog: #002e24; /* ObraZAP Fog - Mais escuro */
    
    /* Cores de Acento - Amarelo */
    --accent-yellow: #edde40; /* Solar Yellow */
    --accent-yellow-golden: #d9c426; /* Golden Yellow */
    
    /* Variáveis de compatibilidade (mantidas para não quebrar código existente) */
    --primary-green-light: var(--primary-green-financial);
    --accent-yellow-light: var(--accent-yellow);
    --accent-yellow-dark: var(--accent-yellow-golden);
    
    /* Cores neutras */
    --white: #ffffff;
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --gray-800: #1f2937;
    --gray-900: #111827;
    
    /* Cores de feedback */
    --success: #22c55e;
    --error: #ef4444;
    --warning: #fbbf24;
    --info: #3b82f6;
    
    /* Backgrounds */
    --bg-primary: var(--white);
    --bg-secondary: var(--gray-50);
    --bg-dark: var(--primary-green-dark);
    
    /* Text */
    --text-primary: var(--gray-900);
    --text-secondary: var(--gray-600);
    --text-light: var(--gray-400);
    --text-white: var(--white);
    
    /* Borders */
    --border-color: var(--gray-200);
    --border-radius: 8px;
    --border-radius-lg: 12px;
    
    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    
    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    
    /* ============================================
       TIPOGRAFIA - BrandBook ObraZAP
       ============================================ */
    
    /* Fontes */
    --font-headings: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; /* Títulos */
    --font-body: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; /* Textos e Botões */
    
    /* Tamanhos */
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-size-4xl: 2.25rem;
    
    /* Pesos tipográficos */
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    
    /* ============================================
       ESPAÇAMENTOS - Baseado no Grid do BrandBook
       ============================================ */
    
    /* Margens do grid: 80px mobile, 120px desktop */
    --grid-margin-mobile: 80px;
    --grid-margin-desktop: 120px;
    
    /* ============================================
       TRANSIÇÕES E ANIMAÇÕES
       ============================================ */
    
    --transition: all 0.2s ease-in-out;
    --transition-fast: all 0.15s ease-in-out;
    --transition-slow: all 0.3s ease-in-out;
}