/* ============================================================
   FLAXXA SOCIAL — Guest Theme Brand Overrides
   Loaded after Tailwind to apply brand guidelines.
   ============================================================ */

/* Brand font */
body {
    font-family: 'Inter', 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Headings use Outfit */
h1, h2, h3, .font-heading {
    font-family: 'Outfit', 'Inter', sans-serif !important;
}

/* Brand primary color overrides for Tailwind indigo utilities */
.bg-indigo-600, .bg-indigo-500 {
    background-color: #4F46E5 !important;
}
.text-indigo-600, .text-indigo-500 {
    color: #4F46E5 !important;
}
.border-indigo-600, .border-indigo-500 {
    border-color: #4F46E5 !important;
}
.ring-indigo-300, .focus\:ring-indigo-300:focus {
    --tw-ring-color: rgba(99, 102, 241, 0.3) !important;
}

/* Login/signup form button */
.bg-indigo-600:hover {
    background-color: #4338CA !important;
}

/* Guest nav bar brand styling */
.bg-blueGray-100 {
    background-color: #F9FAFB !important;
}

/* Pricing card featured accent */
.bg-violet-600 {
    background-color: #7C3AED !important;
}

/* Selection highlight */
::selection {
    background: #E0E7FF;
    color: #1E1B4B;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-thumb {
    background: #C7D2FE;
    border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
    background: #6366F1;
}