/* QMA THEME LAYER — 3-color palette refresh + dark/light mode + ADA a11y.
   Loaded AFTER qma.css so it overrides. Revert = remove this file's <link>.
   Palette: Navy #0e2a5e (anchor) · Coral accent (replaces loud safety-orange) · clean neutrals.
   Accent text uses a darker coral (#C2410C) for WCAG AA contrast on white. */

:root{
  /* BRAND = 3 COLORS ONLY: NAVY · WHITE · GOLD (locked 2026-06-25 by Captain). No coral/orange. */
  --qma-navy:#0e2a5e;
  --qma-accent:#E5B53C;        /* GOLD — CTA fills, stars, badges, rings */
  --qma-accent-text:#9A7B0A;   /* deep gold — readable on white (AA for large/bold) */
  --qma-accent-dark:#C99A2E;   /* gold hover */
  --qma-cta-ink:#0e2a5e;       /* NAVY text on gold buttons (gold+white = unreadable) */
  --qma-bg:#ffffff; --qma-bg-soft:#f4f7fc; --qma-ink:#0f2542; --qma-muted:#5a6b82;
  --qma-border:#e2e8f0; --qma-card:#ffffff;
}
/* gold CTAs carry NAVY text for contrast + premium feel; catches class + inline buttons */
.bg-orange,.qma-form .btn,.btn{color:var(--qma-cta-ink)!important}
.qma-form .btn,.seg button.on,.btn{background:var(--qma-accent)!important;border-color:var(--qma-accent)!important}
.qma-form .btn:hover,.btn:hover,.hover\:bg-orange-dark:hover{background:var(--qma-accent-dark)!important}
.qma-form input:focus,.qma-form select:focus,.qma-form textarea:focus,.inp:focus{border-color:var(--qma-accent)!important;box-shadow:0 0 0 3px rgba(229,181,60,.25)!important}

/* ---- Accent recolor (loud orange -> refined coral), light mode ---- */
.text-orange{color:var(--qma-accent-text)!important}
.hover\:text-orange:hover,.group:hover .group-hover\:text-orange{color:var(--qma-accent-text)!important}
.text-orange-dark,.hover\:text-orange-dark:hover{color:var(--qma-accent-dark)!important}
.bg-orange{background-color:var(--qma-accent)!important}
.hover\:bg-orange-dark:hover{background-color:var(--qma-accent-dark)!important}
.bg-orange\/10{background-color:rgba(229,181,60,.14)!important}
.border-orange\/40{border-color:rgba(229,181,60,.45)!important}
.border-orange\/50,.hover\:border-orange\/50:hover,.hover\:border-orange\/40:hover{border-color:rgba(229,181,60,.55)!important}
.ring-orange{--tw-ring-color:var(--qma-accent)!important}
.ring-orange\/20{--tw-ring-color:rgba(229,181,60,.3)!important}
.ring-orange\/30{--tw-ring-color:rgba(229,181,60,.4)!important}
.focus\:border-orange:focus{border-color:var(--qma-accent)!important}
.accent-orange{accent-color:var(--qma-accent)!important}

/* ============ DARK MODE (html.dark) ============ */
html.dark{color-scheme:dark}
html.dark body{background-color:#0b1220!important;color:#e6edf7!important}
html.dark .bg-white{background-color:#0f1830!important}
html.dark .bg-white\/95{background-color:rgba(15,24,48,.95)!important}
html.dark .bg-cloud{background-color:#0b1220!important}
html.dark .bg-navy,html.dark .bg-navy-dark{background-color:#070f22!important}
html.dark .text-navy{color:#cdddf7!important}
html.dark .text-ink{color:#e6edf7!important}
html.dark .text-steel{color:#9fb3cf!important}
html.dark .border-slate-200{border-color:rgba(255,255,255,.12)!important}
html.dark .border-slate-100{border-color:rgba(255,255,255,.08)!important}
html.dark .shadow-card,html.dark .shadow-lift{--tw-shadow:0 8px 30px rgba(0,0,0,.5)!important}
html.dark .text-orange{color:#F2CE6B!important}
html.dark .bg-orange{background-color:#E5B53C!important;color:#0e2a5e!important}
html.dark .ring-1,html.dark .ring-2{--tw-ring-color:rgba(255,255,255,.12)}
html.dark img:not([src*=".svg"]){filter:brightness(.92)}

/* ============ ADA / WCAG accessibility ============ */
*:focus-visible{outline:3px solid var(--qma-accent)!important;outline-offset:2px!important;border-radius:3px}
.qma-skip-link{position:absolute;left:-999px;top:0;z-index:9999;background:var(--qma-navy);color:#fff;
  padding:10px 16px;border-radius:0 0 8px 0;font-weight:700;text-decoration:none}
.qma-skip-link:focus{left:0}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* ============ Theme toggle + translate controls ============ */
/* Moved to bottom-LEFT so it never collides with Rosie chat (bottom-right). */
#qma-ux-bar{position:fixed;left:12px;bottom:12px;z-index:60;display:flex;gap:6px;align-items:center}
@media (max-width:640px){
  /* Captain's rule: mobile bottom = ONE clean button (Rosie). No moon/translate clutter, no pulse, nothing poppy. */
  #qma-ux-bar{display:none!important}
  #qmab-l{animation:none!important}
}
#qma-theme-toggle{width:44px;height:44px;border-radius:999px;border:1px solid var(--qma-border);
  background:#fff;color:var(--qma-navy);font-size:20px;cursor:pointer;box-shadow:0 6px 20px rgba(14,42,94,.18);
  display:flex;align-items:center;justify-content:center}
html.dark #qma-theme-toggle{background:#0f1830;color:#ffd27a;border-color:rgba(255,255,255,.15)}
#qma-translate{background:#fff;border:1px solid var(--qma-border);border-radius:999px;padding:4px 8px;box-shadow:0 6px 20px rgba(14,42,94,.18)}
html.dark #qma-translate{background:#0f1830;border-color:rgba(255,255,255,.15)}
#qma-translate select{border:0;background:transparent;color:inherit;font-size:13px;cursor:pointer}
.goog-te-banner-frame{display:none!important}body{top:0!important}