:root {
    /* Color Palette */
    --bg-primary: #07090e;      /* Navy escuro profundo */
    --bg-secondary: #0d111a;    /* Navy um pouco mais claro para seções */
    --bg-card: #121824;         /* Fundo de cards com contraste */
    --bg-card-hover: #182030;   /* Hover dos cards */
    
    --accent-purple: #7c3aed;   /* Violeta principal */
    --accent-purple-glow: rgba(124, 58, 237, 0.15);
    --accent-purple-border: rgba(124, 58, 237, 0.25);
    
    --accent-blue: #2563eb;     /* Azul complementar */
    --accent-blue-glow: rgba(37, 99, 235, 0.15);
    
    /* Cores dos Produtos */
    --color-prospera: #3b82f6;  /* Azul para ProsperaLeads */
    --color-mecanica: #f97316;  /* Laranja para MecânicaFlow */
    --color-coral: #10b981;     /* Verde esmeralda para CoralGest */
    --color-lembrete: #a855f7;  /* Roxo vibrante para Meu Lembrete */

    /* Text Colors */
    --text-primary: #f8fafc;
    --text-secondary: #25d366; /* Verde ideal */
    --text-muted: #64748b;

    /* Fonts */
    --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    /* Borders & Border Radius */
    --border-color: rgba(255, 255, 255, 0.06);
    --border-glow: rgba(124, 58, 237, 0.1);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 30px;

    /* Spacing & Layout */
    --container-max-width: 1200px;
    --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Rhythm & Layout Spacing */
    --section-padding: 4.5rem 1.5rem;
    --section-gap: 3rem;
    --card-padding: 1.5rem;
    --element-gap: 1.25rem;
}