/* ==========================================================================
   answerpin site palette (aligned with logo brand-system)
   ========================================================================== */

:root {
	color-scheme: light;
	--ga-bg-page: #ffffff;
	--ga-bg-elevated: #ffffff;
	--ga-bg-section: #ffffff;
	--ga-bg-section-alt: #f7f8fa;
	--ga-bg-surface: #ffffff;
	--ga-bg-surface-soft: #f7f8fa;
	--ga-bg-input: #ffffff;
	--ga-bg-header: #ffffff;
	--ga-bg-hero: #ffffff;
	--ga-text: #4b5563;
	--ga-text-muted: #6b7280;
	--ga-text-subtle: #9ca3af;
	--ga-text-heading: #11202f;
	--ga-text-inverse: #ffffff;
	--ga-border: rgba(17, 32, 47, 0.08);
	--ga-border-strong: rgba(17, 32, 47, 0.14);
	--ga-shadow-sm: 0 1px 2px rgba(17, 32, 47, 0.04);
	--ga-shadow-card: 0 4px 20px rgba(17, 32, 47, 0.06);
	--ga-link: #c81f32;
	--ga-link-hover: #a81828;
	--ga-accent: #c81f32;
	--ga-prose: #4b5563;
}

/* --------------------------------------------------------------------------
   Base & layout
   -------------------------------------------------------------------------- */
body.answerpin-theme,
.answerpin-theme {
	background-color: var(--ga-bg-page);
	color: var(--ga-text);
}

body.bg-midnight {
	background-color: var(--ga-bg-page) !important;
}

.answerpin-theme ::selection {
	background: rgba(59, 130, 246, 0.2);
	color: #0f172a;
}

/* Preserve white text on primary / gradient controls */
.answerpin-btn-gradient,
a.answerpin-btn-gradient,
.bg-blue-600,
a.bg-blue-600,
.bg-violet-600,
a.bg-violet-600,
[class*="bg-gradient-to-br"].text-white,
[class*="bg-gradient-to-br"] .text-white {
	color: var(--ga-text-inverse) !important;
}

.answerpin-btn-gradient svg,
a.answerpin-btn-gradient svg {
	color: inherit;
}

/* Typography utilities */
.text-slate-300 {
	color: #475569 !important;
}

.text-slate-400 {
	color: var(--ga-text-muted) !important;
}

.text-slate-500 {
	color: var(--ga-text-muted) !important;
}

.text-slate-200 {
	color: #334155 !important;
}

.text-slate-600 {
	color: var(--ga-text-subtle) !important;
}

/* Force ink text on light sections; homepage hero + footer keep white.
   Primary red CTAs keep white text (excluded below). */
main .text-white:not(.answerpin-btn-gradient):not(.ga-community-hub-hero__btn--primary):not(.ga-cat-archive-hero__btn--primary):not(.ga-categories-page__ask-link):not(.ga-community-hub-hero__search-btn):not(.ga-expert-card__cta):not(.ga-ask-choice-btn--public):not(.ga-ask-choice-btn--private):not(.ga-home-cta-btn):not(.bg-blue-600):not(.bg-violet-600),
.ga-section-black .text-white:not(.answerpin-btn-gradient),
.ga-section-navy .text-white:not(.answerpin-btn-gradient),
.bg-navy .text-white:not(.answerpin-btn-gradient),
.bg-navy-card .text-white:not(.answerpin-btn-gradient),
.ga-card .text-white:not(.answerpin-btn-gradient):not(.ga-expert-card__cta):not(.ga-home-cta-btn),
h1.text-white,
h2.text-white,
h3.text-white,
p.text-white {
	color: var(--ga-text-heading) !important;
}

body.home .answerpin-hero-section .text-white,
body.home .answerpin-hero-section h1.text-white,
body.home .answerpin-hero-section h2.text-white,
body.home .answerpin-hero-section h3.text-white,
body.home .answerpin-hero-section p.text-white,
body.home .answerpin-hero-section .answerpin-hero-stats .text-white,
.ga-site-footer .text-white,
footer .text-white {
	color: #ffffff !important;
}

.hover\:text-white:hover {
	color: var(--ga-text-heading) !important;
}

.text-blue-400 {
	color: #2563eb !important;
}

.hover\:text-blue-300:hover,
.hover\:text-blue-400:hover {
	color: var(--ga-link-hover) !important;
}

.text-indigo-400 {
	color: #4f46e5 !important;
}

.hover\:text-indigo-300:hover {
	color: #4338ca !important;
}

.text-indigo-300 {
	color: #4f46e5 !important;
}

.text-emerald-400 {
	color: #059669 !important;
}

.text-violet-400 {
	color: #7c3aed !important;
}

.answerpin-gradient-text {
	background: var(--primary-color);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.answerpin-tab-active {
	color: #2563eb !important;
	border-bottom-color: #3b82f6 !important;
}

/* Borders & surfaces */
.border-white\/10,
.border-white\/15,
.border-white\/20 {
	border-color: var(--ga-border) !important;
}

.border-black {
	border-color: var(--ga-border) !important;
}

.bg-white\/5 {
	background-color: #f8fafc !important;
}

.bg-white\/10 {
	background-color: #f1f5f9 !important;
}

.hover\:bg-white\/5:hover,
.hover\:bg-white\/10:hover,
.hover\:bg-white\/15:hover {
	background-color: #e2e8f0 !important;
}

.bg-black\/30,
.bg-black\/40,
.bg-black\/60 {
	background-color: var(--ga-bg-elevated) !important;
	border: 1px solid var(--ga-border);
}

.bg-navy,
section.bg-navy {
	background: var(--ga-bg-section-alt) !important;
	color: var(--ga-text);
}

.bg-navy-card {
	background-color: var(--ga-bg-elevated) !important;
	box-shadow: var(--ga-shadow-card);
}

.ga-section-black {
	background-color: var(--ga-bg-section) !important;
}

.ga-section-navy {
	background: var(--ga-bg-section-alt) !important;
}

.ga-how-it-works__card {
	background: var(--color-white) !important;
	border-color: var(--ga-border) !important;
	box-shadow: var(--ga-shadow-card) !important;
}

.ga-how-it-works__step:hover .ga-how-it-works__card {
	border-color: #a5b4fc !important;
	box-shadow: 0 12px 32px rgba(99, 102, 241, 0.12) !important;
}

.ga-how-it-works__title {
	color: var(--ga-text) !important;
}

.ga-how-it-works__desc {
	color: var(--ga-text-muted) !important;
}

.ga-how-it-works__connector {
	background: var(--primary-soft) !important;
}

.ga-tq-tabs {
	background: #f1f5f9 !important;
	border-color: var(--ga-border) !important;
}

.ga-tq-tab {
	color: var(--ga-text-muted) !important;
}

.ga-tq-tab--active {
	color: #ffffff !important;
}

.ga-tq-card__link {
	background: var(--color-white) !important;
	border-color: var(--ga-border) !important;
	box-shadow: var(--ga-shadow-card) !important;
}

.ga-tq-card__link:hover {
	border-color: #a5b4fc !important;
	box-shadow: 0 12px 32px rgba(99, 102, 241, 0.12) !important;
}

.ga-tq-card__title {
	color: var(--ga-text) !important;
}

.ga-tq-card__link:hover .ga-tq-card__title {
	color: #4f46e5 !important;
}

.ga-tq-card__excerpt {
	color: var(--ga-text-muted) !important;
}

.ga-tq-card__footer {
	border-top-color: var(--ga-border) !important;
}

.ga-tq-card__avatar {
	border-color: #ffffff !important;
}

.ga-tq-empty {
	background: #f8fafc !important;
	border-color: var(--ga-border) !important;
	color: var(--ga-text-muted) !important;
}

.ga-expert-card__link {
	background: var(--color-white) !important;
	border-color: var(--ga-border) !important;
	box-shadow: var(--ga-shadow-card) !important;
}

.ga-expert-card__link:hover {
	border-color: #a5b4fc !important;
	box-shadow: 0 12px 32px rgba(99, 102, 241, 0.12) !important;
}

.ga-expert-card__name {
	color: var(--ga-text) !important;
}

.ga-expert-card__link:hover .ga-expert-card__name {
	color: #4f46e5 !important;
}

.ga-expert-card__role {
	color: #4f46e5 !important;
}

.ga-expert-card__stat {
	color: var(--ga-text-muted) !important;
	background: #f1f5f9 !important;
	border-color: var(--ga-border) !important;
}

.ga-expert-card__avatar {
	border-color: #ffffff !important;
}

.ga-cl-discussion-card,
.ga-cl-leaderboard-card {
	background: var(--color-white) !important;
	border-color: var(--ga-border) !important;
	box-shadow: var(--ga-shadow-card) !important;
}

.ga-cl-discussion-card:hover {
	border-color: #a5b4fc !important;
}

.ga-cl-heading,
.ga-cl-discussion-card__title,
.ga-cl-podium-name,
.ga-cl-rank-name {
	color: var(--ga-text) !important;
}

.ga-cl-discussion-card__meta {
	color: var(--ga-text-muted) !important;
}

.ga-cl-rank-list {
	border-top-color: var(--ga-border) !important;
}

.ga-cat-card {
	background: var(--color-white) !important;
	border-color: var(--ga-border) !important;
	box-shadow: var(--ga-shadow-card) !important;
}

.ga-cat-card:hover {
	border-color: #a5b4fc !important;
}

.ga-cat-card__name {
	color: var(--ga-text) !important;
}

.ga-cat-card:hover .ga-cat-card__name {
	color: #4f46e5 !important;
}

.ga-cat-card__count {
	color: var(--ga-text-muted) !important;
}

.ga-home-blog-card {
	background: var(--color-white) !important;
	border-color: var(--ga-border) !important;
	box-shadow: var(--ga-shadow-card) !important;
}

.ga-home-blog-card:hover {
	border-color: #a5b4fc !important;
}

.ga-home-blog-card__title a {
	color: var(--ga-text) !important;
}

.ga-home-blog-card:hover .ga-home-blog-card__title a {
	color: #4f46e5 !important;
}

.ga-home-blog-card__excerpt {
	color: var(--ga-text-muted) !important;
}

.ga-home-blog-card__footer {
	border-top-color: var(--ga-border) !important;
}

.ga-home-blog-card__author-name {
	color: var(--ga-text) !important;
}

.ga-testimonial-card {
	background: var(--color-white) !important;
	border-color: var(--ga-border) !important;
	box-shadow: var(--ga-shadow-card) !important;
}

.ga-testimonial-card__text {
	color: var(--ga-text) !important;
}

.ga-testimonial-card__name {
	color: var(--ga-text) !important;
}

.ga-testimonial-card__role {
	color: var(--ga-text-muted) !important;
}

.ga-testimonial-card__footer {
	border-top-color: var(--ga-border) !important;
}

.ga-testimonials__nav {
	background: #ffffff !important;
	border-color: var(--ga-border) !important;
	color: var(--ga-text) !important;
	box-shadow: var(--ga-shadow-sm) !important;
}

.ga-categories-page__stat {
	background: #ffffff !important;
	border-color: var(--ga-border) !important;
}

.ga-categories-page__stat-value {
	color: var(--ga-text) !important;
}

.ga-cat-browse-card {
	background: #ffffff !important;
	border-color: rgba(17, 32, 47, 0.12) !important;
	box-shadow: none !important;
}

.ga-cat-browse-card:hover {
	border-color: rgba(200, 31, 50, 0.45) !important;
	box-shadow: 0 12px 28px -18px rgba(17, 32, 47, 0.28) !important;
}

.ga-cat-browse-card__name {
	color: #000 !important;
}

.ga-cat-browse-card__desc {
	color: #6b7280 !important;
	font-size: 16px !important;
}

.ga-cat-browse-card__count {
	color: #000 !important;
	border-top-color: rgba(17, 32, 47, 0.1) !important;
}

.ga-categories-page__footer-cta {
	background: #f5f3ff !important;
	border-color: #c4b5fd !important;
}

.ga-categories-page__footer-text {
	color: var(--ga-text) !important;
}

.ga-q-archive-card__link {
	background: var(--color-white) !important;
	border-color: var(--ga-border) !important;
	box-shadow: var(--ga-shadow-card) !important;
}

.ga-q-archive-card__title {
	color: var(--ga-text) !important;
}

.ga-q-archive-card__link:hover .ga-q-archive-card__title {
	color: #4f46e5 !important;
}

.ga-q-archive-card__footer,
.ga-cat-archive__toolbar {
	border-color: var(--ga-border) !important;
}

.ga-community-hub-hero__search-inner {
	background: #ffffff !important;
	border-color: var(--ga-border) !important;
}

.ga-community-hub-hero__search-input {
	color: var(--ga-text) !important;
}

.ga-community-hub-tabs {
	background: #f1f5f9 !important;
	border-color: var(--ga-border) !important;
}

.ga-community-hub__toolbar {
	border-color: var(--ga-border) !important;
}

.ga-community-hero__overview,
.ga-community-hub__filters {
	background: var(--ga-bg-surface) !important;
	border-color: var(--ga-border) !important;
	box-shadow: var(--ga-shadow-card);
}

.ga-community-hero__stat {
	background: #f8fafc;
	border-color: var(--ga-border);
}

.ga-community-hero__stat dd {
	color: var(--ga-text-heading);
}

.ga-q-archive-card__metrics {
	background: #f1f5f9;
	border-right-color: var(--ga-border);
}

.ga-q-archive-card__link {
	background: var(--ga-bg-surface);
	border-color: var(--ga-border);
}

.ga-experts-page__cta-inner {
	background: #f5f3ff !important;
	border-color: #c4b5fd !important;
}

.ga-experts-page__cta-title {
	color: var(--ga-text) !important;
}

.ga-experts-page__cta-text {
	color: var(--ga-text-muted) !important;
}

.ga-contact-page__tabs {
	background: #f1f5f9 !important;
	border-color: var(--ga-border) !important;
}

.ga-contact-page__tab {
	color: var(--ga-text-muted) !important;
}

.ga-contact-page__tab:hover {
	color: var(--ga-text) !important;
}

.ga-contact-page__tab--active {
	color: #fff !important;
}

.ga-contact-page__redirect-title,
.ga-contact-page__card-title {
	color: var(--ga-text) !important;
}

.ga-contact-page__redirect-text,
.ga-contact-page__redirect-list,
.ga-contact-page__form-intro,
.ga-contact-page__steps li,
.ga-contact-page__note-text {
	color: var(--ga-text-muted) !important;
}

.ga-contact-page__label {
	color: var(--ga-text) !important;
}

.ga-contact-page__input {
	background: #fff !important;
	border-color: var(--ga-border) !important;
	color: var(--ga-text) !important;
}

.ga-contact-page__links a strong {
	color: var(--ga-text) !important;
}

.ga-contact-page__note {
	background: var(--primary-soft) !important;
	border-color: var(--primary-border) !important;
}

.answerpin-hero-glow:not(.answerpin-site-header):not(.answerpin-hero-section),
section.answerpin-hero-glow:not(.answerpin-hero-section) {
	background: var(--ga-bg-hero) !important;
	color: var(--ga-text);
}

.answerpin-site-header {
	background: var(--color-white) !important;
	background-color: var(--color-white) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	box-shadow: var(--ga-shadow-sm) !important;
	border-bottom-color: var(--ga-border) !important;
}

.answerpin-site-header .answerpin-btn-gradient,
.answerpin-site-header a.answerpin-btn-gradient {
	color: #ffffff !important;
}

.ga-card {
	background: var(--ga-bg-surface) !important;
	border: 1px solid var(--ga-border) !important;
	box-shadow: var(--ga-shadow-card) !important;
}

.ga-card:hover {
	border-color: var(--primary-border) !important;
}

/* Hero cards stack */
.answerpin-hero-mesh {
	opacity: 0.06;
}

.answerpin-hero-q-card {
	box-shadow: var(--ga-shadow-card);
	border: 1px solid var(--ga-border);
}

.answerpin-hero-expert-inner {
	background: var(--color-white) !important;
	border: 1px solid var(--ga-border);
}

.answerpin-hero-expert-inner .text-white,
.answerpin-hero-expert-inner .text-slate-400 {
	color: var(--ga-text-heading) !important;
}

.answerpin-hero-expert-inner .text-slate-400 {
	color: var(--ga-text-muted) !important;
}

.answerpin-hero-community-card {
	background: #f7f1f2 !important;
	border: 1px solid var(--ga-border) !important;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28) !important;
}

.answerpin-hero-community-card .text-white,
.answerpin-hero-community-card .text-slate-300,
.answerpin-hero-community-card .text-slate-400 {
	color: var(--ga-text) !important;
}

/* Hero grid cards */
.answerpin-hero-grid-card--light {
	background: #ffffff;
	border-color: var(--ga-border);
	box-shadow: var(--ga-shadow-card);
}

.answerpin-hero-grid-card--dark {
	background: var(--secondary-color);
	border-color: #818cf8;
}

.answerpin-hero-grid-card--dark .text-white {
	color: #f8fafc !important;
}

.answerpin-hero-grid-card--dark .text-slate-400,
.answerpin-hero-grid-card--dark .text-slate-500 {
	color: #cbd5e1 !important;
}

/* Forms */
.answerpin-theme input[type="text"],
.answerpin-theme input[type="email"],
.answerpin-theme input[type="search"],
.answerpin-theme input[type="tel"],
.answerpin-theme textarea,
.answerpin-theme select {
	background-color: var(--ga-bg-input) !important;
	border: 1px solid var(--ga-border-strong) !important;
	color: var(--ga-text-heading) !important;
}

.answerpin-theme input::placeholder,
.answerpin-theme textarea::placeholder {
	color: var(--ga-text-subtle) !important;
}

#ga-header-search,
#ga-header-search-mobile {
	background-color: #f1f5f9 !important;
	color: var(--ga-text-heading) !important;
}

/* Prose */
.answerpin-theme .prose,
.ga-blog-prose {
	color: var(--ga-prose);
}

.answerpin-theme .prose h1,
.answerpin-theme .prose h2,
.answerpin-theme .prose h3,
.answerpin-theme .prose h4,
.answerpin-theme .prose strong,
.ga-blog-prose h1,
.ga-blog-prose h2,
.ga-blog-prose h3 {
	color: var(--ga-text-heading);
}

.answerpin-theme .prose a,
.ga-blog-prose a {
	color: var(--ga-link);
}

/* Pagination */
.answerpin-theme .page-numbers {
	background: var(--ga-bg-elevated);
	border: 1px solid var(--ga-border);
	color: var(--ga-text-muted);
}

.answerpin-theme .page-numbers.current,
.answerpin-theme .page-numbers:hover,
.answerpin-theme .nav-links .current {
	background: #eff6ff;
	color: #1d4ed8;
	border-color: #93c5fd;
}

/* Footer */
.ga-site-footer {
	background: var(--ga-bg-section) !important;
	border-top-color: var(--ga-border) !important;
}

.ga-site-footer-glow {
	background: var(--secondary-color) !important;
}

.ga-site-footer-tagline {
	color: var(--ga-text-muted);
}

.ga-site-footer-heading {
	color: var(--ga-text-heading);
}

.ga-site-footer-links a {
	color: var(--ga-text-muted);
}

.ga-site-footer-links a:hover {
	color: var(--ga-link);
}

.ga-site-footer-bar {
	background: #f8fafc !important;
	border-top: 1px solid var(--ga-border) !important;
}

.ga-site-footer-social {
	background: #fff;
	border-color: var(--ga-border);
	color: var(--ga-text-muted);
	box-shadow: var(--ga-shadow-sm);
}

.ga-site-footer-social:hover {
	color: var(--ga-text-heading);
	border-color: #a5b4fc;
	background: #eef2ff;
}

/* Homepage CTA */
.ga-home-cta {
	background: var(--secondary-color) !important;
	box-shadow: var(--ga-shadow-card);
	border: 1px solid var(--ga-border);
}

.ga-home-cta-badge {
	color: var(--color-white);
	background: var(--primary-color);
	border-color: var(--primary-color);
}

.ga-home-cta .text-white {
	color: var(--ga-text-heading) !important;
}

.ga-home-cta a:not(.answerpin-btn-gradient) {
	color: var(--ga-text-heading) !important;
	border-color: var(--ga-border-strong) !important;
	background: #fff !important;
}

.ga-home-cta a:not(.answerpin-btn-gradient):hover {
	background: #f8fafc !important;
}

/* Ask question page */
.ga-ask-hero,
.ga-q-hero {
	border-bottom-color: var(--ga-border) !important;
}

.ga-q-hero__overview {
	background: var(--ga-bg-surface);
	border-color: var(--ga-border);
	box-shadow: var(--ga-shadow-card);
}

.ga-q-hero__overview-stat {
	background: #f8fafc;
	border-color: var(--ga-border);
}

.ga-q-hero__overview-stats .text-white {
	color: var(--ga-text-heading) !important;
}

.ga-q-hero__media {
	border-color: var(--ga-border);
}

.ga-ask-step-num {
	border-color: var(--ga-border);
	background: #fff;
	color: var(--ga-text-muted);
}

.ga-ask-step--active .ga-ask-step-num {
	color: #fff;
}

.ga-ask-user-chip {
	background: #fff;
	border-color: var(--ga-border);
}

.ga-ask-input,
.ga-q-answer-form textarea,
.ga-ask-select {
	background: var(--ga-bg-input) !important;
	border-color: var(--ga-border-strong) !important;
	color: var(--ga-text-heading) !important;
}

.ga-ask-cat-pill:has(input:checked) {
	box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.25);
}

.ga-ask-tag-chip {
	background: #fff;
	border-color: var(--ga-border);
	color: var(--ga-text-muted);
}

.ga-ask-tag-chip:hover {
	background: #eef2ff;
	color: #4338ca;
	border-color: #c7d2fe;
}

/* Single question */
.ga-q-breadcrumb a:hover {
	color: var(--ga-link);
}

.ga-q-stat-pill {
	background: #fff;
	border-color: var(--ga-border);
	color: var(--ga-text-muted);
}

.ga-q-stat-pill strong {
	color: var(--ga-text-heading);
}

.ga-q-stat-pill--votes strong {
	color: #059669;
}

.ga-q-vote-rail {
	background: #f8fafc !important;
	border-color: var(--ga-border) !important;
}

.ga-q-vote-btn {
	background: #fff;
	border-color: var(--ga-border);
	color: #059669;
}

.ga-q-author-strip {
	background: #f8fafc !important;
	border-top-color: var(--ga-border) !important;
}

.ga-q-answer--featured {
	border-color: #6ee7b7 !important;
	box-shadow: var(--ga-shadow-card), 0 0 0 1px rgba(16, 185, 129, 0.2) !important;
}

.ga-q-top-badge {
	background: #ecfdf5;
	border-color: #a7f3d0;
	color: #047857;
}

.ga-q-sidebar-card {
	background: var(--ga-bg-surface) !important;
}

/* Blog single */
.ga-blog-single-wrap {
	background: var(--ga-bg-page) !important;
}

.ga-blog-single-article {
	color: var(--ga-text);
}

.ga-blog-breadcrumb a {
	color: var(--ga-text-muted);
}

.ga-blog-breadcrumb a:hover {
	color: var(--ga-link);
}

.ga-blog-author-pill {
	background: #f8fafc;
	border-color: var(--ga-border);
}

.ga-blog-quick-answer {
	background: var(--secondary-color);
	border-color: #bfdbfe;
	border-left-color: #3b82f6;
}

.ga-blog-quick-answer strong {
	color: #1d4ed8;
}

.ga-blog-toc {
	background: var(--ga-bg-surface);
	border-color: var(--ga-border);
	box-shadow: var(--ga-shadow-card);
}

.ga-blog-toc a {
	color: var(--ga-text-muted);
}

.ga-blog-toc a:hover,
.ga-blog-toc a.is-active {
	color: var(--ga-link);
}

.ga-blog-toc__toggle {
	color: var(--ga-text-heading);
}

.ga-blog-toc__toggle:hover {
	background: rgba(0, 0, 0, 0.04);
}

.ga-blog-sidebar__cat-link span:first-child {
	color: var(--ga-text);
}

.ga-blog-prose blockquote {
	border-left-color: #3b82f6;
	background: #f8fafc;
	color: var(--ga-text);
}

.ga-blog-share-btn {
	background: #fff;
	border-color: var(--ga-border);
	color: var(--ga-text-muted);
}

.ga-blog-share-btn:hover {
	background: #f8fafc;
	color: var(--ga-text-heading);
}

/* Category badges — slightly stronger on light */
.bg-emerald-500\/15 {
	background-color: #ecfdf5 !important;
}

.bg-pink-500\/15 {
	background-color: #fdf2f8 !important;
}

.bg-blue-500\/15 {
	background-color: #eff6ff !important;
}

.bg-amber-500\/15 {
	background-color: #fffbeb !important;
}

.bg-red-500\/15 {
	background-color: #fef2f2 !important;
}

.bg-green-500\/15 {
	background-color: #ecfdf5 !important;
}

.bg-violet-500\/15 {
	background-color: #f5f3ff !important;
}

/* Homepage — Ask Publicly / Privately */
.ga-ask-choice-card--public {
	border-color: #93c5fd;
	background: var(--secondary-color);
	box-shadow: 0 8px 32px -10px rgba(37, 99, 235, 0.15);
}

.ga-ask-choice-card--private {
	border-color: #c4b5fd;
	background: var(--secondary-color);
	box-shadow: 0 8px 32px -10px rgba(124, 58, 237, 0.12);
}

.ga-ask-choice-card--public .ga-ask-choice-title {
	color: #1d4ed8 !important;
}

.ga-ask-choice-card--private .ga-ask-choice-title {
	color: #5b21b6 !important;
}

.ga-ask-choice-list {
	color: #334155 !important;
}

.ga-ask-choice-tagline {
	color: var(--ga-text-muted) !important;
}

.ga-ask-choice__title {
	color: var(--ga-text) !important;
}

.ga-ask-choice-card--public .ga-ask-choice-check {
	color: #2563eb !important;
}

.ga-ask-choice-card--private .ga-ask-choice-check {
	color: #7c3aed !important;
}

.ga-ask-choice-or {
	border-color: #ffffff;
	background: #ffffff;
	color: #64748b;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.1);
}

/* Notice banners */
.border-emerald-500\/40.bg-emerald-500\/10 {
	background: #ecfdf5 !important;
	border-color: #6ee7b7 !important;
	color: #047857 !important;
}

.border-red-500\/40.bg-red-500\/10 {
	background: #fef2f2 !important;
	border-color: #fca5a5 !important;
	color: #b91c1c !important;
}

/* --------------------------------------------------------------------------
   Light theme brand refresh — AnswersPin logo palette
   -------------------------------------------------------------------------- */
:root {
	--ga-bg-page: #ffffff;
	--ga-bg-elevated: #ffffff;
	--ga-bg-section: #ffffff;
	--ga-bg-section-alt: #f5f7f9;
	--ga-bg-surface: #ffffff;
	--ga-bg-surface-soft: #f5f7f9;
	--ga-bg-input: #ffffff;
	--ga-bg-header: #ffffff;
	--ga-bg-hero: #ffffff;
	--ga-text: rgba(17, 32, 47, 0.68);
	--ga-text-muted: rgba(17, 32, 47, 0.58);
	--ga-text-subtle: rgba(17, 32, 47, 0.42);
	--ga-text-heading: var(--secondary-color, #11202f);
	--ga-border: rgba(17, 32, 47, 0.1);
	--ga-border-strong: rgba(17, 32, 47, 0.16);
	--ga-shadow-sm: 0 1px 3px rgba(17, 32, 47, 0.06);
	--ga-shadow-card: 0 4px 20px rgba(17, 32, 47, 0.08);
	--ga-link: var(--primary-color, #c81f32);
	--ga-link-hover: #a81828;
	--ga-accent: var(--primary-color, #c81f32);
	--ga-prose: rgba(17, 32, 47, 0.68);
}

.answerpin-theme ::selection {
	background: rgba(200, 31, 50, 0.18);
	color: #11141c;
}

.text-blue-400,
.text-indigo-400,
.text-indigo-300,
.text-violet-400,
.text-sky-400 {
	color: #c81f32 !important;
}

.hover\:text-blue-300:hover,
.hover\:text-blue-400:hover,
.hover\:text-indigo-300:hover,
.hover\:text-red-300:hover {
	color: #a81828 !important;
}

.answerpin-gradient-text {
	background: var(--primary-color);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.answerpin-tab-active {
	color: #c81f32 !important;
	border-bottom-color: #c81f32 !important;
}

.answerpin-btn-gradient,
a.answerpin-btn-gradient,
.ga-community-hub-hero__btn--primary,
.ga-cat-archive-hero__btn--primary,
.ga-categories-page__ask-link,
.ga-community-hub-hero__search-btn,
.ga-expert-card__cta,
.ga-tq-tab--active,
.ga-community-hub-tab--active,
.ga-contact-page__tab--active {
	background: var(--primary-color) !important;
	box-shadow: unset !important;
	color: #ffffff !important;
}

.answerpin-btn-gradient:hover,
a.answerpin-btn-gradient:hover,
.ga-community-hub-hero__btn--primary:hover,
.ga-cat-archive-hero__btn--primary:hover,
.ga-categories-page__ask-link:hover,
.ga-community-hub-hero__search-btn:hover,
.ga-expert-card__link:hover .ga-expert-card__cta {
	background: var(--primary-hover) !important;
/* 	box-shadow: 0 12px 28px rgba(200, 31, 50, 0.28) !important; */
	color: #ffffff !important;
}

.answerpin-btn-gradient *,
a.answerpin-btn-gradient *,
.ga-community-hub-hero__btn--primary *,
.ga-cat-archive-hero__btn--primary *,
.ga-categories-page__ask-link *,
.ga-community-hub-hero__search-btn *,
.ga-expert-card__cta *,
.ga-tq-tab--active *,
.ga-community-hub-tab--active *,
.ga-contact-page__tab--active * {
	color: inherit !important;
}

.ga-tq-view-all,
.ga-home-blog__link,
.ga-categories__link,
.ga-expert-panel__view-all,
.ga-cl-link,
.ga-categories-page__community-link,
.ga-tq-empty__link,
.ga-site-footer-links a:hover,
.answerpin-theme .prose a,
.ga-blog-prose a,
.ga-blog-breadcrumb a:hover,
.ga-blog-toc a:hover,
.ga-blog-toc a.is-active {
	color: #c81f32 !important;
}

.ga-tq-view-all,
.ga-home-blog__link,
.ga-categories__link,
.ga-expert-panel__view-all {
	border-color: rgba(200, 31, 50, 0.2) !important;
	background: rgba(200, 31, 50, 0.08) !important;
}

.ga-tq-view-all:hover,
.ga-home-blog__link:hover,
.ga-categories__link:hover,
.ga-expert-panel__view-all:hover,
.ga-site-footer-social:hover {
	background: rgba(200, 31, 50, 0.12) !important;
	border-color: rgba(200, 31, 50, 0.28) !important;
	color: #a81828 !important;
}

.ga-how-it-works__step:hover .ga-how-it-works__card,
.ga-tq-card__link:hover,
.ga-expert-card__link:hover,
.ga-cl-discussion-card:hover,
.ga-cat-card:hover,
.ga-home-blog-card:hover,
.ga-cat-browse-card:hover,
.ga-q-archive-card__link:hover,
.ga-card:hover {
	border-color: rgba(200, 31, 50, 0.26) !important;
	box-shadow: 0 14px 32px rgba(200, 31, 50, 0.1) !important;
}

.ga-tq-card__link:hover .ga-tq-card__title,
.ga-expert-card__link:hover .ga-expert-card__name,
.ga-cat-card:hover .ga-cat-card__name,
.ga-home-blog-card:hover .ga-home-blog-card__title a,
.ga-q-archive-card__link:hover .ga-q-archive-card__title {
	color: #a81828 !important;
}

.ga-how-it-works__connector {
	background: var(--primary-border) !important;
}

.ga-how-it-works__badge,
.ga-blog-share-btn:hover,
.ga-testimonials__dot.is-active {
	background: var(--primary-color) !important;
}

.ga-expert-card__role,
.ga-tq-eyebrow,
.ga-categories__eyebrow,
.ga-home-blog__eyebrow,
.ga-testimonials__eyebrow,
.ga-ask-choice__eyebrow,
.ga-experts-page-hero__eyebrow {
	color: #d62d42 !important;
}

/* Non-home pages only — homepage hero stays brand-ink via home.css */
body:not(.home) .answerpin-hero-section.ga-section-navy,
body:not(.home) .answerpin-hero-section.answerpin-hero-glow {
	background: #ffffff !important;
	color: var(--ga-text);
	border-bottom: 1px solid rgba(200, 31, 50, 0.06);
}

.answerpin-site-header nav a,
.answerpin-site-header .text-slate-300,
.answerpin-site-header .text-slate-200 {
	color: var(--secondary-muted) !important;
}

.answerpin-site-header nav a:hover {
	color: var(--primary-color) !important;
}

#ga-header-search,
#ga-header-search-mobile {
	background-color: var(--color-surface-alt) !important;
	border: 1px solid var(--ga-border) !important;
	color: var(--secondary-color) !important;
	box-shadow: none;
}

#ga-header-search::placeholder,
#ga-header-search-mobile::placeholder {
	color: #9aa1b1 !important;
}

.answerpin-site-header .answerpin-logo__image {
	filter: none;
}

.answerpin-hero-section {
	position: relative;
	overflow: hidden;
}

.answerpin-hero-section::before,
.answerpin-hero-section::after {
	display: none;
}

.answerpin-hero-orbit,
.answerpin-hero-mesh {
	display: none;
}

.answerpin-hero-ticker-col,
.answerpin-hero-cards {
	position: relative;
	z-index: 1;
}

.answerpin-hero-content,
.answerpin-hero-stats {
	position: relative;
	z-index: 1;
}

.answerpin-hero-title {
	max-width: none;
	text-wrap: balance;
}

body:not(.home) .answerpin-hero-title {
	color: #1a1f2c !important;
}

body:not(.home) .answerpin-hero-title .answerpin-gradient-text {
	background: none;
	-webkit-background-clip: unset;
	background-clip: unset;
	color: var(--primary-color) !important;
}

body:not(.home) .answerpin-hero-section p.text-slate-400,
body:not(.home) .answerpin-hero-section .text-slate-400 {
	color: #5e6678 !important;
}

body:not(.home) .answerpin-hero-section .text-slate-500 {
	color: #8d95a5 !important;
}

body:not(.home) .answerpin-hero-section .bg-amber-500\/10 {
	background: rgba(200, 31, 50, 0.07) !important;
	border: 1px solid rgba(200, 31, 50, 0.1);
}

body:not(.home) .answerpin-hero-section .text-amber-400 {
	color: #c81f32 !important;
	font-weight: 600;
}

body:not(.home) .answerpin-hero-search input[type="search"] {
	background: #ffffff !important;
	border: 1px solid rgba(200, 31, 50, 0.14) !important;
	color: #1f2430 !important;
	box-shadow:
		0 10px 28px rgba(17, 20, 28, 0.06),
		0 0 0 1px rgba(255, 255, 255, 0.9) inset !important;
}

body:not(.home) .answerpin-hero-search input[type="search"]:focus {
	border-color: rgba(200, 31, 50, 0.35) !important;
	box-shadow:
		0 12px 32px rgba(200, 31, 50, 0.1),
		0 0 0 3px rgba(200, 31, 50, 0.12) !important;
}

body:not(.home) .answerpin-hero-search input[type="search"]::placeholder {
	color: #99a1af !important;
}

body:not(.home) .answerpin-hero-section .bg-white\/10 {
	background: #f3f4f6 !important;
	border: 1px solid rgba(200, 31, 50, 0.07);
}

body:not(.home) .answerpin-hero-section .hover\:bg-white\/15:hover {
	background: #ffffff !important;
	border-color: rgba(200, 31, 50, 0.14);
	box-shadow: 0 4px 12px rgba(17, 20, 28, 0.06);
}

body:not(.home) .answerpin-hero-section .text-slate-300,
body:not(.home) .answerpin-hero-section .hover\:text-white:hover {
	color: #4d5566 !important;
}

body:not(.home) .answerpin-hero-stats {
	border-top-color: var(--ga-border) !important;
	background: transparent !important;
}

body:not(.home) .answerpin-hero-stats p.text-white,
body:not(.home) .answerpin-hero-stats .text-white {
	color: #1a1f2c !important;
}

.answerpin-hero-q-card {
	background: #ffffff !important;
	border: 1px solid rgba(200, 31, 50, 0.1) !important;
	box-shadow:
		0 2px 4px rgba(17, 20, 28, 0.03),
		0 16px 36px rgba(17, 20, 28, 0.09) !important;
}

.answerpin-hero-q-card:hover {
	border-color: rgba(200, 31, 50, 0.18) !important;
	box-shadow:
		0 4px 8px rgba(17, 20, 28, 0.04),
		0 22px 44px rgba(200, 31, 50, 0.1) !important;
}

.answerpin-hero-q-card .group-hover\:text-indigo-700:hover,
.answerpin-hero-grid-card--light .group-hover\:text-indigo-700:hover {
	color: #a81828 !important;
}

.answerpin-hero-q-card .bg-blue-100 {
	background: rgba(200, 31, 50, 0.1) !important;
}

.answerpin-hero-q-card .text-blue-700 {
	color: #a81828 !important;
}

.answerpin-hero-community-card {
	background: #f7f1f2 !important;
	border: 1px solid rgba(255, 255, 255, 0.55) !important;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28) !important;
}

.answerpin-hero-community-card .text-white,
.answerpin-hero-community-card .text-slate-300,
.answerpin-hero-community-card .text-slate-400 {
	color: #4b5563 !important;
}

.answerpin-hero-community-card .font-medium.text-blue-400,
.answerpin-hero-community-card .group-hover\:text-blue-300:hover {
	color: #c81f32 !important;
}

.answerpin-hero-expert-card {
	background: #f7f1f2 !important;
	padding: 0 !important;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28) !important;
}

.answerpin-hero-expert-inner {
	background: transparent !important;
	border: none !important;
}

.answerpin-hero-expert-inner .text-white,
.answerpin-hero-expert-inner .text-slate-200,
.answerpin-hero-expert-inner .text-slate-300,
.answerpin-hero-expert-inner .text-slate-400 {
	color: #4d5566 !important;
}

.answerpin-hero-expert-inner .text-sm.font-bold.text-white,
.answerpin-hero-expert-inner .inline-flex.items-center.gap-1\.5.text-sm.font-bold.text-white {
	color: #1a1f2c !important;
}

.answerpin-hero-expert-inner .bg-blue-500\/25,
.answerpin-hero-expert-inner .bg-violet-600\/40 {
	background: rgba(200, 31, 50, 0.12) !important;
}

.answerpin-hero-expert-inner .text-blue-200,
.answerpin-hero-expert-inner .text-blue-300,
.answerpin-hero-expert-inner .text-violet-100,
.answerpin-hero-expert-inner .group-hover\:text-blue-200:hover {
	color: #a81828 !important;
}

.answerpin-hero-grid-card--light {
	background: rgba(255, 255, 255, 0.95) !important;
	border: 1px solid rgba(200, 31, 50, 0.08) !important;
	box-shadow: 0 16px 34px rgba(17, 20, 28, 0.08) !important;
}

.answerpin-hero-grid-card--dark {
	background: var(--secondary-color) !important;
	border-color: rgba(200, 31, 50, 0.24) !important;
	box-shadow: 0 18px 38px rgba(17, 20, 28, 0.14) !important;
}

.ga-home-cta {
	background: var(--secondary-color) !important;
	border: 1px solid var(--ga-border) !important;
}

.ga-home-cta-badge {
	color: var(--color-white) !important;
	background: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}

.ga-site-footer-glow {
	background: var(--secondary-color) !important;
}

.ga-site-footer-bar {
	background: #0d1a26 !important;
}

.ga-categories-page__footer-cta,
.ga-experts-page__cta-inner,
.ga-contact-page__note {
	background: var(--secondary-color) !important;
	border-color: rgba(200, 31, 50, 0.16) !important;
}

.ga-blog-quick-answer {
	background: var(--secondary-color) !important;
	border-color: rgba(200, 31, 50, 0.18) !important;
	border-left-color: #c81f32 !important;
}

.ga-blog-quick-answer strong {
	color: #a81828 !important;
}

.ga-blog-prose blockquote {
	border-left-color: #c81f32 !important;
	background: #fff7f8 !important;
}

.ga-ask-choice-card--public,
.ga-ask-choice-card--private {
	border-color: rgba(200, 31, 50, 0.18) !important;
	background: var(--secondary-color) !important;
	box-shadow: 0 8px 28px -10px rgba(200, 31, 50, 0.08) !important;
}

.ga-ask-choice-card--public .ga-ask-choice-title,
.ga-ask-choice-card--private .ga-ask-choice-title {
	color: #a81828 !important;
}

.ga-ask-choice-card--public .ga-ask-choice-check,
.ga-ask-choice-card--private .ga-ask-choice-check {
	color: #c81f32 !important;
	background: rgba(200, 31, 50, 0.12) !important;
}

.ga-ask-choice-btn--public,
.ga-ask-choice-btn--private {
	background: var(--primary-color) !important;
	box-shadow: 0 8px 24px rgba(200, 31, 50, 0.22) !important;
}

.ga-ask-choice-or {
	color: #a81828 !important;
	background: #ffffff !important;
}

.answerpin-theme input:focus,
.answerpin-theme textarea:focus,
.answerpin-theme select:focus,
.ga-ask-cat-pill:has(input:checked),
.ga-blog-share-btn:hover,
.ga-site-footer-social:hover {
	border-color: rgba(200, 31, 50, 0.28) !important;
	box-shadow: 0 0 0 2px rgba(200, 31, 50, 0.14) !important;
}

.answerpin-theme .page-numbers.current,
.answerpin-theme .page-numbers:hover,
.answerpin-theme .nav-links .current {
	background: #fff1f3 !important;
	color: #a81828 !important;
	border-color: rgba(200, 31, 50, 0.22) !important;
}

.bg-blue-500\/15,
.bg-blue-500\/20,
.bg-blue-500\/25,
.bg-violet-500\/15,
.bg-violet-600\/40,
.bg-indigo-500\/15,
.bg-indigo-500\/20,
.bg-indigo-500\/25,
.bg-pink-500\/15,
.bg-amber-500\/15,
.bg-emerald-500\/15,
.bg-green-500\/15,
.bg-red-500\/15 {
	background-color: rgba(200, 31, 50, 0.1) !important;
}

.text-emerald-400,
.text-green-400,
.text-red-400,
.text-pink-400,
.text-amber-400 {
	color: #c81f32 !important;
}

.ring-blue-500\/25,
.ring-blue-500\/30,
.ring-blue-500\/40,
.ring-indigo-500\/40,
.ring-indigo-500\/50 {
	--tw-ring-color: rgba(200, 31, 50, 0.24) !important;
}

.shadow-indigo-500\/25,
.shadow-indigo-500\/30,
.shadow-indigo-900\/40 {
	--tw-shadow-color: rgba(200, 31, 50, 0.18) !important;
}

.focus\:border-blue-500:focus,
.hover\:border-indigo-500\/40:hover,
.hover\:border-blue-500\/30:hover {
	border-color: rgba(200, 31, 50, 0.28) !important;
}

.focus\:ring-indigo-500:focus,
.focus\:ring-blue-500\/40:focus {
	--tw-ring-color: rgba(200, 31, 50, 0.18) !important;
}