/* BrainBattle public brand — purple / pink sample */
:root {
    --bb-ink: #111827;
    --bb-muted: #6b7280;
    --bb-pink: #ec4899;
    --bb-magenta: #e11d8a;
    --bb-purple: #7c3aed;
    --bb-purple-deep: #6d28d9;
    --bb-violet-soft: #f5f3ff;
    --primary: #7c3aed;
    --secondary: #6d28d9;
}

.bb-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    text-decoration: none;
}
.bb-brand img {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}
.bb-word {
    font-weight: 800;
    letter-spacing: -0.03em;
    font-size: 1.2rem;
    line-height: 1;
    white-space: nowrap;
}
.bb-brain { color: #16161f; }
.bb-battle { color: #e11d8a; }

.bb-cta,
.bb-cta-warm,
.bb-cta-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    min-height: 52px;
    padding: 0.85rem 1.25rem;
    border-radius: 999px;
    font-weight: 800;
    font-size: 1rem;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition: filter 0.15s ease, transform 0.15s ease, background 0.15s ease;
}
.bb-cta {
    color: #fff;
    background: linear-gradient(90deg, #7c3aed 0%, #ec4899 100%);
    box-shadow: 0 10px 24px rgba(168, 85, 247, 0.28);
    border: 0;
}
.bb-cta-warm {
    color: #fff;
    background: linear-gradient(90deg, #f43f6b 0%, #fb923c 100%);
    box-shadow: 0 10px 24px rgba(244, 63, 107, 0.28);
    border: 0;
}
.bb-cta-outline {
    color: #7c3aed;
    background: #fff;
    border: 1.5px solid #ddd6fe;
}
.bb-cta:hover,
.bb-cta-warm:hover { filter: brightness(1.05); color: #fff; }
.bb-cta-outline:hover { background: #faf5ff; color: #6d28d9; }

/* Remap the old blue utilities on every page that loads this file */
.text-blue-600 { color: #7c3aed; }
.text-blue-700 { color: #6d28d9; }
.text-blue-500 { color: #8b5cf6; }
.text-blue-800 { color: #5b21b6; }
.text-blue-200 { color: #ddd6fe; }
.bg-blue-600 { background-color: #7c3aed; }
.bg-blue-700 { background-color: #6d28d9; }
.bg-blue-500 { background-color: #8b5cf6; }
.bg-blue-50 { background-color: #f5f3ff; }
.bg-blue-100 { background-color: #ede9fe; }
.border-blue-600 { border-color: #7c3aed; }
.border-blue-500 { border-color: #8b5cf6; }
.border-blue-200 { border-color: #ddd6fe; }
.border-blue-100 { border-color: #ede9fe; }
.hover\:text-blue-600:hover,
.hover\:text-blue-700:hover,
.hover\:text-blue-500:hover { color: #6d28d9; }
.hover\:bg-blue-700:hover,
.hover\:bg-blue-600:hover { background-color: #6d28d9; }
.hover\:bg-blue-500:hover { background-color: #7c3aed; }
.hover\:bg-blue-50:hover,
.hover\:bg-blue-100:hover { background-color: #f5f3ff; }
.hover\:border-blue-200:hover { border-color: #ddd6fe; }
.focus\:ring-blue-500:focus,
.focus\:ring-blue-600:focus { --tw-ring-color: #8b5cf6; }
.ring-blue-500 { --tw-ring-color: #8b5cf6; }

.exam-badge-tests { background: #7c3aed; color: #fff; }

.bb-social {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-shrink: 0;
    text-decoration: none;
}
.bb-social svg { width: 18px; height: 18px; display: block; }
.bb-social-yt { background: #ff0033; }
.bb-social-tg { background: #2aabee; }
.bb-social-ig { background: linear-gradient(135deg, #f9ce34 0%, #ee2a7b 55%, #6228d7 100%); }
.bb-social-fb { background: #1877f2; }
.bb-social:hover { filter: brightness(1.08); color: #fff; }

.border-purple-300 { border-color: #d8b4fe; }
.border-purple-600 { border-color: #9333ea; }
.hover\:text-purple-600:hover { color: #9333ea; }
.text-rose-500 { color: #f43f5e; }
.bg-amber-50 { background-color: #fffbeb; }
.bg-sky-500 { background-color: #0ea5e9; }
.hover\:bg-pink-600:hover { background-color: #db2777; }