/* =========================================================
   Arleen Global Export – Brand Styles
   Logo-matched purple / violet theme
   ========================================================= */

:root {
  --age-primary: #5B21B6;
  --age-secondary: #7C3AED;
  --age-accent: #A855F7;
  --age-dark: #1E1B4B;
  --age-light: #F5F3FF;
  --age-gradient: linear-gradient(135deg, #5B21B6 0%, #7C3AED 50%, #A855F7 100%);
}

/* Force primary brand color overrides on common utility classes */
.bg-primary,
.bg-\[\#0E2D68\],
.bg-\[\#5B21B6\] {
  background-color: var(--age-primary) !important;
}

.text-primary,
.text-\[\#0E2D68\],
.text-\[\#5B21B6\] {
  color: var(--age-primary) !important;
}

.hover\:bg-primary:hover {
  background-color: #4C1D95 !important;
}

/* Top bar / header dark strip */
.age-topbar,
header .bg-\[\#0E2D68\],
.bg-\[\#081F4B\],
.bg-\[\#1E1B4B\] {
  background-color: var(--age-dark) !important;
}

/* Buttons */
.btn-primary,
a.bg-\[\#0E2D68\],
button.bg-\[\#0E2D68\] {
  background: var(--age-gradient) !important;
  border: none;
}

.btn-primary:hover,
a.bg-\[\#0E2D68\]:hover {
  filter: brightness(1.08);
}

/* Links */
a.text-blue-700,
a.text-blue-600 {
  color: var(--age-secondary) !important;
}

/* Focus rings */
*:focus-visible {
  outline-color: var(--age-secondary);
}

/* Logo sizing */
header img[alt*="Arleen"],
nav img[alt*="Arleen"],
.logo img {
  max-height: 48px;
  width: auto;
  object-fit: contain;
}

/* Soft purple page background tint */
body.bg-slate-50 {
  background-color: #FAFAFF;
}

/* Card hover accent */
.group:hover .group-hover\:text-blue-700,
.group:hover .group-hover\:text-violet-700 {
  color: var(--age-secondary) !important;
}

/* Footer brand band */
.wwx-footer-main,
footer {
  /* keep structure; color via inline/PHP updates */
}

/* Quick action floating buttons accent */
.fixed .bg-\[\#0E2D68\],
.fixed .bg-blue-700 {
  background-color: var(--age-primary) !important;
}