/* ============================================================
   AstroXpert brand theme  — loaded LAST so it overrides the
   older gold/orange + Gilroy styling. Safe, additive overrides.
   ============================================================ */

:root {
  --ax-primary:        #F59E0B; /* main CTAs, active controls   */
  --ax-primary-dark:   #C76B00; /* pressed / status-bar accents */
  --ax-accent:         #7C3AED; /* links, selected chips        */
  --ax-indigo:         #1D1647; /* app bar, dark sections       */
  --ax-bg:             #F9F7FF; /* page background              */
  --ax-surface:        #FFFFFF; /* cards, sheets, inputs        */
  --ax-text:           #1F1B2D; /* headings / primary text      */
  --ax-text-2:         #6F6A7D; /* supporting / meta text       */
  --ax-success:        #16A34A;
  --ax-error:          #DC2626;
  --ax-warning:        #D97706;
  --ax-gold:           #FCD34D; /* premium badges / celestial   */
  --ax-cta-gradient:    linear-gradient(135deg, #F59E0B 0%, #E87900 100%);
  --ax-cosmic-gradient: linear-gradient(135deg, #1D1647 0%, #3B1B67 55%, #7C3AED 100%);

  /* map Bootstrap's primary token to the brand too */
  --primary:    #F59E0B;
  --bs-primary: #F59E0B;
}

/* ---------- Typography: Poppins everywhere ---------- */
body, .header, .navbar, button, input, select, textarea,
h1, h2, h3, h4, h5, h6, p, span, a, li, label, .btn, .nav-link {
  font-family: 'Poppins', system-ui, -apple-system, "Segoe UI", sans-serif;
}
/* SemiBold for headings, buttons, labels */
h1, h2, h3, h4, h5, h6, .btn, button, label { font-weight: 600; }
/* Medium for navigation and form fields */
.nav-link, input, select, textarea, .form-control { font-weight: 500; }
/* Regular body */
p, span, li { font-weight: 400; }

body { background: var(--ax-bg); color: var(--ax-text); }

/* ---------- Two-tone wordmark: Astro (indigo) + Xpert (amber) ---------- */
.astroway-logo-text .ax-brand-astro,
.header .astroway-logo-ntext span.astroway-logo-text .ax-brand-astro { color: var(--ax-indigo) !important; }
.astroway-logo-text .ax-brand-xpert,
.header .astroway-logo-ntext span.astroway-logo-text .ax-brand-xpert { color: var(--ax-primary) !important; }
.astroway-logo-subtext,
.header .astroway-logo-ntext span.astroway-logo-subtext { color: var(--ax-text-2) !important; }

/* ---------- Primary buttons / CTAs ---------- */
.btn-primary, .btn-warning, .btn-cta, .btn-chat-astro.active {
  background: var(--ax-cta-gradient) !important;
  border: none !important;
  color: #fff !important;
}
.btn-primary:hover, .btn-warning:hover, .btn-cta:hover { filter: brightness(0.95); }

/* Chat / talk pills: white with brand accent */
.btn-chat-astro { color: var(--ax-indigo) !important; border: 1px solid rgba(245,158,11,.35) !important; }
.btn-chat-astro:hover { border: 2px solid var(--ax-primary) !important; }

/* ---------- Links & accents ---------- */
a { color: var(--ax-primary); }
a:hover { color: var(--ax-primary-dark); }
.text-accent { color: var(--ax-accent) !important; }

/* ---------- Semantic helpers ---------- */
.text-success, .badge-success { color: var(--ax-success) !important; }
.text-danger,  .badge-danger  { color: var(--ax-error)   !important; }
.text-warning, .badge-warning { color: var(--ax-warning) !important; }

/* ---------- Cosmic / dark sections & gradients ---------- */
.bg-cosmic  { background: var(--ax-cosmic-gradient) !important; color: #fff !important; }
.bg-primary { background: var(--ax-primary) !important; }
.gold-highlight { color: var(--ax-gold) !important; }