:root {
    --primary-color: #2196A3;
    --primary-dark: #1A7A85;
    --primary-light: #4DADB8;
    --secondary-color: #0D9488;
    --accent-color: #FFC107;
    --success-color: #4CAF50;
    --warning-color: #FF9800;
    --error-color: #F44336;
    
    --text-dark: #0f172a;
    --menu-link-color: #2196A3;
    --menu-link-hover-color: #1A7A85;
    --text-medium: #374151;
    --text-light: #6b7280;
    --text-lighter: #9ca3af;
    
    --background-white: #ffffff;
    --background-light: #f8fafc;
    --background-lighter: #f1f5f9;
    --border-color: #e5e7eb;
    --border-light: #f3f4f6;
}

/* Logo-specific styles */
.site-logo img {
    height: 60px;
    width: auto;
}

.custom-logo-link img {
    height: 60px;
    width: auto;
}

@media (max-width: 768px) {
    .site-logo img,
    .custom-logo-link img {
        height: 45px;
    }
}