/*
Theme Name: DevPro - Desenvolvimento Profissional
Theme URI: https://seusite.com.br
Author: DevPro
Author URI: https://seusite.com.br
Description: Tema profissional moderno para divulgação de serviços de desenvolvimento web e sistemas. Design moderno com tons escuros e gradientes.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: devpro
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, full-site-editing, block-patterns
*/

/* ============================================
   IMPORTAÇÃO DE FONTES E VARIÁVEIS CSS
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
    /* Cores Primárias */
    --primary: #6C63FF;
    --primary-dark: #5A52D5;
    --primary-light: #8B85FF;
    --secondary: #00D4FF;
    --accent: #FF6B6B;
    --accent-green: #00FFB2;

    /* Backgrounds */
    --bg-dark: #0A0E1A;
    --bg-card: #111827;
    --bg-card-hover: #1A2234;
    --bg-glass: rgba(255, 255, 255, 0.05);
    --bg-glass-hover: rgba(255, 255, 255, 0.08);

    /* Gradientes */
    --gradient-primary: linear-gradient(135deg, #6C63FF 0%, #00D4FF 100%);
    --gradient-hero: linear-gradient(135deg, #0A0E1A 0%, #1a1040 50%, #0A0E1A 100%);
    --gradient-card: linear-gradient(135deg, rgba(108, 99, 255, 0.1) 0%, rgba(0, 212, 255, 0.1) 100%);
    --gradient-text: linear-gradient(135deg, #6C63FF, #00D4FF);

    /* Textos */
    --text-primary: #FFFFFF;
    --text-secondary: #A8B2D8;
    --text-muted: #64748B;

    /* Bordas */
    --border: rgba(255, 255, 255, 0.08);
    --border-hover: rgba(108, 99, 255, 0.5);

    /* Sombras */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 40px rgba(108, 99, 255, 0.3);
    --shadow-glow-cyan: 0 0 40px rgba(0, 212, 255, 0.2);

    /* Tipografia */
    --font-primary: 'Inter', sans-serif;
    --font-heading: 'Space Grotesk', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;

    /* Espaçamentos */
    --section-padding: 100px 0;
    --container-max: 1280px;

    /* Bordas arredondadas */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 32px;
    --radius-full: 9999px;

    /* Transições */
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}