/* ============================================
   CSS VARIABLES - Single Source of Truth
   ============================================ */

:root {
    /* Core Colors */
    --color-primary: #4a8596; /* cor da marca - usado para destaque, botões, links, bordas */
    --color-primary-dark: #345d69; /* 30% escurecido da cor principal - usado para hover, gradientes */
    --color-accent: #b57a69; /* cor complementar de destaque - contrastante com a cor principal */
    --color-whatsapp: #00CC00; /* Verde do WhatsApp - padrão reconhecível */
    --color-whatsapp-dark: #009900;
    --color-bg-deep: #ffffff;--color-bg-surface: #f8f9fa;--color-bg-card: #ffffff;--color-bg-elevated: #e9ecef;--color-text-primary: #0a0a0a;--color-text-secondary: #495057;--color-text-muted: #6c757d;--color-text-on-dark: #ffffff; /* Texto branco para fundos escuros */
    --color-text-on-light: #0a0a0a; /* Texto escuro para fundos claros */
    --color-text-dark: #1a1a1a;--color-text-subtitle: #666666;--color-text-form-label: #333333;--color-hero-highlight: var(--color-primary-dark);--color-stat-gradient: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));--color-seo-heading: var(--color-primary);--color-seo-link: var(--color-primary);--color-seo-link-hover: var(--color-primary-dark);--color-mobile-nav-text: #1a1a1a;
    --color-form-bg: rgba(255, 255, 255, 0.8);--color-form-label: #333333;--color-form-text: #0a0a0a;--color-form-btn-text: #495057;--color-form-cta-text: #1a1a1a;--color-cta-title: #1a1a1a;--color-cta-text: #495057;--color-header-bg: rgba(255, 255, 255, 0.95);--color-header-text: #1a1a1a;--color-header-contact-text: #ffffff;
    --color-card-bg: #ffffff;--color-card-text: #1a1a1a;--color-border-light: #ced4da; /* Cor de borda clara (inputs, cards) - cinza claro */
    --color-border-medium: #dee2e6; /* Cor de borda média (service buttons) - cinza médio claro */
    --color-border-heavy: #adb5bd;
    --color-shadow-alpha: rgba(0, 0, 0, 0.5); /* Cor da sombra forte (50% de opacidade) */
    --color-shadow-light: rgba(0, 0, 0, 0.1); /* Cor da sombra leve (10% de opacidade) */
    --color-shadow-medium: rgba(0, 0, 0, 0.15); /* Cor da sombra média (15% de opacidade) */
    --color-shadow-strong: rgba(0, 0, 0, 0.3);
    --color-facebook: #1877F2; /* Cor oficial do Facebook */
    --color-instagram: #bc1888; /* Cor base do Instagram */
    --color-instagram-gradient: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); /* Gradiente oficial do Instagram */

    --color-call: #2563eb; /* Cor azul para botão de ligar */
    --color-call-hover: #1d4ed8;
    --color-grid-pattern: rgba(0, 0, 0, 0.05);--color-overlay-white: rgba(255, 255, 255, 0.95); /* Sobreposição branca com 95% de opacidade */
    --color-overlay-white-light: rgba(255, 255, 255, 0.9); /* Sobreposição branca com 90% de opacidade */
    --color-overlay-white-extra-light: rgba(255, 255, 255, 0.8); /* Sobreposição branca com 80% de opacidade */
    --color-overlay-dim: rgba(0, 0, 0, 0.05);--color-primary-alpha-05: rgba(74, 133, 150, 0.05); /* Cor principal com 5% de opacidade */
    --color-primary-alpha-1: rgba(74, 133, 150, 0.1); /* Cor principal com 10% de opacidade */
    --color-primary-alpha-3: rgba(74, 133, 150, 0.3); /* Cor principal com 30% de opacidade */
    --color-primary-alpha-4: rgba(74, 133, 150, 0.4); /* Cor principal com 40% de opacidade */
    --color-primary-alpha-5: rgba(74, 133, 150, 0.5); /* Cor principal com 50% de opacidade */
    --color-primary-alpha-7: rgba(74, 133, 150, 0.7);
    --color-whatsapp-alpha: rgba(0, 204, 0, 0.4); /* Cor do WhatsApp com 40% de opacidade */
    --color-whatsapp-alpha-3: rgba(0, 204, 0, 0.3);
    --color-call-alpha: rgba(37, 99, 235, 0.4); /* Cor do botão de ligar com 40% de opacidade */
    --color-call-hover-alpha: rgba(29, 78, 216, 0.4);
    --font-heading: 'Bebas Neue', sans-serif;
    --font-body: 'Outfit', sans-serif;
    --font-number: 'Oswald', sans-serif;

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 6rem;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;

    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 24px;
}