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

:root {
    /* Core Colors */
    --color-primary: #1A2A5E; /* Azul Royal */
    --color-primary-dark: #142050; /* Azul Royal mais escuro */
    --color-accent: #B0D8F0; /* Azul Celeste - detalhes */
    --color-whatsapp: #00CC00; /* Verde do WhatsApp - padrão reconhecível */
    --color-whatsapp-dark: #009900; /* Verde mais escuro para hover do WhatsApp */

    /* Social Media Colors (FIXAS) */
    --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 */

    /* Background Colors - DARK THEME */
    --color-bg-deep: #1A2A5E; /* Fundo principal (azul royal) */
    --color-bg-surface: #1E3170; /* Fundo secundário */
    --color-bg-card: #243680; /* Fundo dos cards */
    --color-bg-elevated: #2B3F8A; /* Fundo elevado */

    /* Text Colors - LIGHT FOR DARK BACKGROUND */
    --color-text-primary: #E8EEFF; /* Texto principal sobre fundo escuro */
    --color-text-secondary: #B8C7F0; /* Texto secundário (parágrafos, labels) */
    --color-text-muted: #8DA0D4; /* Texto menos enfatizado (footer, créditos) */
    --color-text-on-dark: #ffffff; /* Texto claro para fundos escuros (ex.: botões) */
    --color-text-on-light: #1A2A5E; /* Texto escuro para fundos claros */
    --color-text-dark: #1a1a1a; /* Texto escuro (header, navigation) */
    --color-text-subtitle: #B0D8F0; /* Texto do subtítulo (azul celeste) */
    --color-text-form-label: #B8C7F0; /* Texto dos labels dos formulários */

    /* Border & UI Colors */
    --color-border-light: #3A5099; /* Borda clara (inputs, cards) */
    --color-border-medium: #4A62B0; /* Borda média (botões de serviço) */
    --color-border-heavy: #6B82CC; /* Borda forte (estados de hover) */

    /* Shadow & Alpha Colors */
    --color-shadow-alpha: rgba(0, 0, 0, 0.6); /* Sombra forte (60% de opacidade) */
    --color-shadow-light: rgba(0, 0, 0, 0.25); /* Sombra leve (25% de opacidade) */
    --color-shadow-medium: rgba(0, 0, 0, 0.35); /* Sombra média (35% de opacidade) */
    --color-shadow-strong: rgba(0, 0, 0, 0.55); /* Sombra forte (55% de opacidade) */

    /* Grid Pattern */
    --color-grid-pattern: rgba(0, 0, 0, 0.06); /* Padrão de grid no fundo (6% de opacidade) */

    /* Overlay & Background Colors (Cores de Sobreposição) */
    --color-overlay-white: rgba(176, 216, 240, 0.10); /* Sobreposição azul celeste com 10% de opacidade */
    --color-overlay-white-light: rgba(176, 216, 240, 0.08); /* Sobreposição azul celeste com 8% de opacidade */
    --color-overlay-white-extra-light: rgba(176, 216, 240, 0.06); /* Sobreposição azul celeste com 6% de opacidade */
    --color-overlay-dim: rgba(0, 0, 0, 0.35); /* Sobreposição escura com 35% de opacidade */

    /* Primary Color Variants with Alpha (Variações com Transparência) */
    --color-primary-alpha-05: rgba(26, 42, 94, 0.05); /* 5% de opacidade */
    --color-primary-alpha-1: rgba(26, 42, 94, 0.1); /* 10% de opacidade */
    --color-primary-alpha-3: rgba(26, 42, 94, 0.3); /* 30% de opacidade */
    --color-primary-alpha-4: rgba(26, 42, 94, 0.4); /* 40% de opacidade */
    --color-primary-alpha-5: rgba(26, 42, 94, 0.5); /* 50% de opacidade */
    --color-primary-alpha-7: rgba(26, 42, 94, 0.7); /* 70% de opacidade */

    /* WhatsApp Color Variants */
    --color-whatsapp-alpha: rgba(0, 204, 0, 0.4); /* 40% de opacidade */
    --color-whatsapp-alpha-3: rgba(0, 204, 0, 0.3); /* 30% de opacidade */

    /* Call Button Colors */
    --color-call: #B0D8F0; /* Azul celeste para botão de ligar */
    --color-call-hover: #9ECEF5; /* Azul celeste mais escuro para hover */
    --color-call-alpha: rgba(176, 216, 240, 0.4); /* 40% de opacidade */
    --color-call-hover-alpha: rgba(158, 206, 245, 0.4); /* 40% de opacidade */

    /* 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;
}