/*
 * BRAND BUTTON FIX - SITE-SPECIFIC BUTTON COLORS
 * ==============================================
 * This file handles site-specific button branding.
 * DO NOT CREATE new brand-*-fix.css files!
 *
 * 📋 CONTAINS:
 * - Site-specific button colors (DNA Romance blue, DateMetriX purple, etc.)
 * - Brand-specific button variations and gradients
 * - Focus states with brand-appropriate colors
 * - Multi-tenant branding system using [data-site] selectors
 *
 * 🎯 PERFORMANCE: Loads fourth (branding can load after core functionality)
 * 📏 SIZE: ~93 lines | GZIPPED: ~2KB | CRITICAL: No (progressive enhancement)
 */

/* DNA Romance - Blue Theme */
[data-site="dnaromance"] .btn-primary {
    background: linear-gradient(45deg, #0F75BD, #2196F3);
}

[data-site="dnaromance"] .btn-primary:hover {
    background: linear-gradient(45deg, #2196F3, #0F75BD);
}

/* DateMetriX - Purple Theme */
[data-site="datemetrix"] .btn-primary {
    background: linear-gradient(45deg, #6B46C1, #8B5CF6);
}

[data-site="datemetrix"] .btn-primary:hover {
    background: linear-gradient(45deg, #8B5CF6, #6B46C1);
}

/* GenePool - Green Theme */
[data-site="genepool"] .btn-primary {
    background: linear-gradient(45deg, #059669, #10B981);
}

[data-site="genepool"] .btn-primary:hover {
    background: linear-gradient(45deg, #10B981, #059669);
}

/* WellMatched - Teal Theme */
[data-site="wellmatched"] .btn-primary {
    background: linear-gradient(45deg, #0891B2, #06B6D4);
}

[data-site="wellmatched"] .btn-primary:hover {
    background: linear-gradient(45deg, #06B6D4, #0891B2);
}

/* Gene Recovery - Orange Theme */
[data-site="generecovery"] .btn-primary {
    background: linear-gradient(45deg, #EA580C, #F97316);
}

[data-site="generecovery"] .btn-primary:hover {
    background: linear-gradient(45deg, #F97316, #EA580C);
}

/* Heritable Health - Red Theme */
[data-site="heritablehealth"] .btn-primary {
    background: linear-gradient(45deg, #DC2626, #EF4444);
}

[data-site="heritablehealth"] .btn-primary:hover {
    background: linear-gradient(45deg, #EF4444, #DC2626);
}

/* Dating Wingman - Pink Theme */
[data-site="datingwingman"] .btn-primary {
    background: linear-gradient(45deg, #EC4899, #F472B6);
}

[data-site="datingwingman"] .btn-primary:hover {
    background: linear-gradient(45deg, #F472B6, #EC4899);
}

/* Accent Button Site Variations */
[data-site="datemetrix"] .btn-accent {
    background: linear-gradient(45deg, #8B5CF6, #A78BFA);
}

[data-site="genepool"] .btn-accent {
    background: linear-gradient(45deg, #10B981, #34D399);
}

[data-site="wellmatched"] .btn-accent {
    background: linear-gradient(45deg, #06B6D4, #22D3EE);
}

/* Focus states maintain brand colors */
[data-site="dnaromance"] .btn-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(15, 117, 189, 0.5);
}

[data-site="datemetrix"] .btn-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(107, 70, 193, 0.5);
}

[data-site="genepool"] .btn-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(5, 150, 105, 0.5);
}

[data-site="wellmatched"] .btn-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(8, 145, 178, 0.5);
}