:root {
    --primary: #3B82F6;
    --primary-dark: #2563EB;
    --secondary: #8B5CF6;
    --accent: #10B981;
    --bg-primary: #0F172A;
    --bg-secondary: #1E293B;
    --bg-light: #F8FAFC;
    --text-primary: #1E293B;
    --text-secondary: #64748B;
    --text-light: #94A3B8;
    --white: #FFFFFF;
    --gradient: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 50%, #10B981 100%);
    --success: #10B981;
    --error: #EF4444;
    --warning: #F59E0B;
}

/* Global responsive utilities */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.logo {
    margin-left: 10px;
}

.logo img {
    height: 40px;
    width: auto;
}

body {
    font-family: 'Inter', sans-serif;
    background: var(--bg-light);
    color: var(--text-primary);
    line-height: 1.2;
}



@media (max-width: 768px) {
    .container {
        padding: 0 15px;
    }
    
    /* Hide text in mobile for space */
    .mobile-hide-text {
        font-size: 0;
    }
    
    .mobile-hide-text:before {
        content: attr(data-mobile-text);
        font-size: 0.875rem;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 10px;
    }
}

/* Use border-box globally so padding/border não aumentem largura além de 100% */
*, *::before, *::after {
    box-sizing: border-box;
}