/* ============================================
   CSS VARIABLES - Single Source of Truth
   ============================================ */

:root {
    /* Core Colors */
    --color-primary: #0A3069; /* Azul marinho da marca - usado para destaque, botões, links, bordas */
    --color-primary-dark: #08244F; /* Versão mais escura da cor principal (≈25% escurecida) - usado para hover, gradientes */
    --color-accent: #F2C94C; /* Amarelo complementar - detalhes e destaques */
    --color-whatsapp: #00CC00;
    --color-whatsapp-dark: #009900;
    --color-facebook: #1877F2;
    --color-instagram: #bc1888;
    --color-instagram-gradient: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);

    /* Background Colors - DARK THEME */
    --color-bg-deep: #121212;--color-bg-surface: #1e1e1e;--color-bg-card: #2d2d2d;--color-bg-elevated: #2c2c2c;--color-text-primary: #ffffff;--color-text-secondary: #dddddd;--color-text-muted: #bbbbbb;    --color-hero-highlight: var(--color-accent);
    --color-stat-gradient: linear-gradient(135deg, var(--color-accent), var(--color-primary));
    --color-seo-heading: var(--color-accent);
    --color-seo-link: var(--color-accent);
    --color-seo-link-hover: #ffffff;
    --color-mobile-nav-text: #1a1a1a;
    --color-text-on-dark: #ffffff; /* texto em fundos escuros */
    --color-text-on-light: #0A0A0A; /* texto em fundos claros (não usado no tema escuro) */
    --color-text-dark: #ffffff;--color-text-subtitle: #cccccc;--color-text-form-label: #dddddd;--color-hero-highlight: var(--color-accent);--color-stat-gradient: linear-gradient(135deg, var(--color-accent), var(--color-primary));--color-seo-heading: var(--color-accent);--color-form-bg: rgba(30, 30, 30, 0.8);--color-form-label: #dddddd;--color-form-text: #ffffff;--color-form-btn-text: #cccccc;--color-form-cta-text: #ffffff;--color-cta-title: #1a1a1a;--color-cta-text: #333333;--color-header-bg: rgba(18, 18, 18, 0.95);--color-header-text: #ffffff;--color-header-contact-text: #ffffff;

    --color-card-bg: rgba(30, 30, 30, 0.9);--color-card-text: #ffffff;--color-border-light: #404040;--color-border-medium: #505050;--color-border-heavy: #666666;--color-shadow-alpha: rgba(0, 0, 0, 0.5);
    --color-shadow-light: rgba(0, 0, 0, 0.1);
    --color-shadow-medium: rgba(0, 0, 0, 0.15);
    --color-shadow-strong: rgba(0, 0, 0, 0.3);

    /* Call Button Colors */
    --color-call: #2563eb;
    --color-call-hover: #1d4ed8;
    --color-call-alpha: rgba(37, 99, 235, 0.4);
    --color-call-hover-alpha: rgba(29, 78, 216, 0.4);

    /* Grid Pattern & Overlays */
    --color-grid-pattern: rgba(255, 255, 255, 0.05);--color-overlay-white: rgba(255, 255, 255, 0.95);--color-overlay-white-light: rgba(255, 255, 255, 0.9);--color-overlay-white-extra-light: rgba(255, 255, 255, 0.8);--color-overlay-dim: rgba(0, 0, 0, 0.3);--color-primary-alpha-05: rgba(10, 48, 105, 0.05);
    --color-primary-alpha-1: rgba(10, 48, 105, 0.1);
    --color-primary-alpha-3: rgba(10, 48, 105, 0.3);
    --color-primary-alpha-4: rgba(10, 48, 105, 0.4);
    --color-primary-alpha-5: rgba(10, 48, 105, 0.5);
    --color-primary-alpha-7: rgba(10, 48, 105, 0.7);

    /* WhatsApp Alpha Variants */
    --color-whatsapp-alpha: rgba(0, 204, 0, 0.4);
    --color-whatsapp-alpha-3: rgba(0, 204, 0, 0.3);

    /* Typography */
    --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;
}