/* Cores da Marca CR Service */
:root {
    /* Cores Principais */
    --brand-black: #000000;
    --brand-dark-gray: #3A3F4A;
    --brand-medium-gray: #4A5568;
    --brand-light-gray: #A0AEC0;
    --brand-gold: #D4AF37;
    
    /* Variações para uso */
    --primary-color: var(--brand-black);
    --secondary-color: var(--brand-dark-gray);
    --accent-color: var(--brand-gold);
    --text-primary: var(--brand-black);
    --text-secondary: var(--brand-medium-gray);
    --text-light: var(--brand-light-gray);
    --background-light: #F7FAFC;
    --background-gray: #EDF2F7;
    
    /* Gradientes */
    --gradient-primary: linear-gradient(135deg, var(--brand-dark-gray) 0%, var(--brand-black) 100%);
    --gradient-gold: linear-gradient(135deg, var(--brand-gold) 0%, #B8860B 100%);
    
    /* Sombras */
    --shadow-light: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 8px rgba(0, 0, 0, 0.15);
    --shadow-heavy: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Fontes da Marca */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* Fallback para as fontes da marca */
.font-primary {
    font-family: 'TT Firs Neue', 'Inter', Arial, sans-serif;
}

.font-secondary {
    font-family: 'TT Interphases', 'Inter', Arial, sans-serif;
}

/* Classes utilitárias para cores */
.text-brand-black { color: var(--brand-black); }
.text-brand-dark-gray { color: var(--brand-dark-gray); }
.text-brand-medium-gray { color: var(--brand-medium-gray); }
.text-brand-light-gray { color: var(--brand-light-gray); }
.text-brand-gold { color: var(--brand-gold); }

.bg-brand-black { background-color: var(--brand-black); }
.bg-brand-dark-gray { background-color: var(--brand-dark-gray); }
.bg-brand-medium-gray { background-color: var(--brand-medium-gray); }
.bg-brand-light-gray { background-color: var(--brand-light-gray); }
.bg-brand-gold { background-color: var(--brand-gold); }

.border-brand-gold { border-color: var(--brand-gold); }

/* Botões com cores da marca */
.btn-brand-primary {
    background: var(--gradient-primary);
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-brand-primary:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-medium);
}

.btn-brand-gold {
    background: var(--gradient-gold);
    color: var(--brand-black);
    border: none;
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-brand-gold:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-medium);
}

.btn-brand-outline {
    background: transparent;
    color: var(--brand-gold);
    border: 2px solid var(--brand-gold);
    padding: 10px 22px;
    border-radius: 6px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-brand-outline:hover {
    background: var(--brand-gold);
    color: var(--brand-black);
    transform: translateY(-2px);
}