/* ═══════════════════════════════════════════════════════════════════════════
   SETTLEMENTRADAR — AUTHORITATIVE COLOR SYSTEM
   Last-loaded CSS file — all competing definitions are overridden by this.

   This file consolidates ALL color definitions into ONE SINGLE source of truth.
   It wins the CSS cascade and ensures:
   - No dark theme remnants
   - No competing variable definitions
   - All readability fixes stick permanently
   - Simple, clean light theme throughout

   Created: 2026-04-08
   CRITICAL: Must load AFTER all other CSS files
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  /* BRAND COLORS — authoritative mappings */
  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

  --primary:        #16a34a;   /* SettlementRadar green — CTAs, links, accents */
  --primary-dark:   #15803d;   /* Hover state */
  --primary-deeper: #14532d;   /* Active/pressed state */
  --primary-light:  #4ade80;   /* Light accents */
  --primary-bg:     #f0fdf4;   /* Very light tint */
  --primary-subtle: rgba(22, 163, 74, 0.08);
  --primary-border: rgba(22, 163, 74, 0.20);

  --navy:           #111827;   /* Unified heading color — dark gray, NOT navy */
  --navy-deep:      #111827;   /* Deepest dark */
  --navy-mid:       #374151;   /* Mid dark gray */

  --gold:           #fcd214;   /* Ramsey yellow — badges, highlights */
  --gold-hover:     #ffe45e;   /* Hover state */
  --gold-dim:       rgba(252, 210, 20, 0.15);

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  /* GRAY SCALE — 9-shade palette (light theme only) */
  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

  --gray-10:  #f8f9fa;   /* Page background */
  --gray-20:  #e5e7eb;   /* Borders, dividers */
  --gray-30:  #d1d5db;   /* Input borders (disabled) */
  --gray-40:  #9ca3af;   /* Input borders (default) */
  --gray-50:  #6b7280;   /* Subdued text, icons */
  --gray-60:  #6b7280;   /* Footnotes, captions */
  --gray-70:  #4b5563;   /* Subdued body text */
  --gray-80:  #374151;   /* Dark text */
  --gray-90:  #111827;   /* Base text (near-black) */

  /* Tailwind-compatible aliases */
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  /* SEMANTIC TEXT COLORS — all light/dark mode variants consolidated */
  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

  --text-base:          #111827;   /* Default body text (gray-90) */
  --text-subdued:       #4b5563;   /* Secondary text (gray-70) */
  --text-muted:         #6b7280;   /* Muted/caption text (gray-60) */
  --text-link:          #16a34a;   /* Link default (primary green) */
  --text-link-hover:    #15803d;   /* Link hover (primary-dark) */
  --text-disabled:      #9ca3af;   /* Disabled text (gray-50) */
  --text-on-dark:       #ffffff;   /* Text on dark backgrounds */
  --text-on-gold:       #111827;   /* Dark text on gold (high contrast) */

  /* Redirect old variable names to authoritative ones */
  --text-primary:       #111827;   /* Alias: text-base */
  --text-secondary:     #4b5563;   /* Alias: text-subdued */

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  /* SEMANTIC BACKGROUND COLORS — light theme only */
  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

  --bg-page:          #f8f9fa;   /* Global page background (gray-10) */
  --bg-white:         #ffffff;   /* Card surfaces, content areas */
  --bg-alt:           #f8f9fa;   /* Alternating section backgrounds */
  --bg-dark:          #f0fdf4;   /* Was navy — now light green tint */
  --bg-darkest:       #dcfce7;   /* Was dark navy — now light green */

  /* Redirect conflicting secondary-pages variables */
  --bg-primary:       #ffffff;   /* light mode — NOT #0a1628 */
  --bg-secondary:     #f8f9fa;   /* light mode — NOT #0f172a */

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  /* STATE COLORS */
  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

  --color-error:      #cc392f;
  --color-success:    #1b8533;
  --color-warning:    #fcd214;
  --red-500:          #ef4444;
  --red-100:          #fee2e2;
  --orange-500:       #f97316;

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  /* LEGACY / COMPATIBILITY ALIASES */
  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

  --green-accent:     #16a34a;
  --green-bright:     #16a34a;
  --green-light:      #4ade80;
  --green-deep:       #ffffff;   /* light mode — overrides dark template fallbacks */
  --green-dark:       #f8f9fa;   /* light mode — overrides dark card backgrounds */
  --green-mid:        #f0fdf4;
  --blue-accent:      #2563eb;   /* data visualizations */

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  /* REDIRECT ALL RAMSEY-SPECIFIC VARIABLES */
  /* (ramsey-design.css uses --sr-* prefix, ramsey-pages.css uses --rp-*) */
  /* All redirected to authoritative vars above */
  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

  --sr-primary:             #16a34a;
  --sr-primary-dark:        #15803d;
  --sr-primary-deeper:      #14532d;
  --sr-navy:                #111827;   /* Replaced navy with dark gray */
  --sr-navy-deep:           #111827;
  --sr-navy-hero:           #111827;
  --sr-yellow:              #fcd214;
  --sr-yellow-light:        #ffe45e;
  --sr-yellow-bg:           rgba(252, 210, 20, 0.12);

  --sr-gray-10:             #f8f9fa;
  --sr-gray-20:             #e5e7eb;
  --sr-gray-30:             #d1d5db;
  --sr-gray-40:             #9ca3af;
  --sr-gray-50:             #6b7280;
  --sr-gray-60:             #6b7280;
  --sr-gray-70:             #4b5563;
  --sr-gray-80:             #374151;
  --sr-gray-90:             #111827;

  --sr-text:                #111827;
  --sr-text-subdued:        #4b5563;
  --sr-text-muted:          #6b7280;
  --sr-text-link:           #16a34a;
  --sr-text-link-hover:     #15803d;
  --sr-bg-page:             #f8f9fa;
  --sr-bg-white:            #ffffff;
  --sr-border:              #e5e7eb;
  --sr-border-light:        #f3f4f6;
  --sr-error:               #cc392f;
  --sr-success:             #15803d;

  /* ramsey-pages.css --rp-* variables */
  --rp-navy:                #111827;   /* Replaced navy with dark text */
  --rp-navy-deep:           #111827;
  --rp-primary:             #16a34a;
  --rp-primary-dark:        #15803d;
  --rp-yellow:              #fcd214;
  --rp-text:                #111827;
  --rp-text-sub:            #4b5563;
  --rp-text-muted:          #6b7280;
  --rp-bg:                  #f8f9fa;
  --rp-white:               #ffffff;
  --rp-border:              #e5e7eb;

  /* secondary-pages.css --sp-* variables (LIGHT THEME ONLY) */
  --sp-bg-primary:          #ffffff;   /* OVERRIDE: light, not #0a1628 */
  --sp-bg-secondary:        #f5f7f8;   /* OVERRIDE: light, not #0f172a */
  --sp-bg-elevated:         #ffffff;   /* OVERRIDE: light, not #131d32 */
  --sp-bg-card:             rgba(255, 255, 255, 1);   /* OVERRIDE: light */
  --sp-border:              rgba(229, 231, 235, 0.5);
  --sp-border-hover:        rgba(209, 213, 219, 0.8);
  --sp-border-accent:       rgba(34, 197, 94, 0.2);

  --sp-text-primary:        #111827;   /* OVERRIDE: dark, not #f1f5f9 */
  --sp-text-secondary:      #4b5563;   /* OVERRIDE: dark, not #94a3b8 */
  --sp-text-muted:          #6b7280;   /* OVERRIDE: dark, not #64748b */
  --sp-text-accent:         #16a34a;   /* OVERRIDE: green, not #4ade80 */

  --sp-accent:              #16a34a;
  --sp-accent-hover:        #15803d;
  --sp-accent-subtle:       rgba(22, 163, 74, 0.08);
  --sp-gold:                #fcd214;
  --sp-danger:              #f87171;

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  /* IMPORTANT: Ensure these overrides apply with !important if competing */
  /* stylesheets attempt to reassign during cascade */
  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
}

/* Remove any dark theme color definitions from body or other selectors */
body {
  color: var(--text-base) !important;
  background-color: var(--bg-white) !important;
}

/* Ensure all text uses light theme colors */
p, span, div, a, li {
  --local-text-color: var(--text-base);
}

a {
  color: var(--text-link);
}

a:hover {
  color: var(--text-link-hover);
}

/* Override any lingering dark theme in secondary-pages or ramsey files */
.sp-page {
  background: var(--bg-white) !important;
  color: var(--text-base) !important;
}

.sp-hero {
  background: linear-gradient(160deg, #f0fdf4 0%, #f8f9fa 100%) !important;
  border-bottom: 1px solid #d1fae5 !important;
}

.sp-hero h1,
.sp-hero h2 {
  color: #111827 !important;
}

.sp-hero-sub {
  color: #4b5563 !important;
}

/* Override secondary-pages card styles to use light backgrounds */
.sp-container,
.sp-breadcrumb {
  background: var(--bg-white) !important;
}

.sp-breadcrumb {
  border-bottom: 1px solid #e5e7eb !important;
}

/* Ensure all cards are white with light borders */
[class*="card"],
[class*="plan"],
.section {
  background: var(--bg-white) !important;
  color: var(--text-base) !important;
  border-color: #e5e7eb !important;
}

/* Final cascade lock: ensure text readability */
h1, h2, h3, h4, h5, h6 {
  color: #111827 !important;
}

button, a.btn, .btn {
  color: #ffffff !important;
  background-color: var(--primary) !important;
}

button:hover, a.btn:hover, .btn:hover {
  background-color: var(--primary-dark) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* CTA BUTTON WHITE TEXT — override global <a> green for CTA buttons     */
/* These are <a> tags with green backgrounds that need white text         */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.lf-cta-primary,
.la-cta-primary,
.btn-primary,
a.btn-primary,
button.btn-primary,
.compare-hero-cta,
.sp-cta-btn,
.sp-btn-primary,
[class*="cta-primary"],
.lfapi-hero a[href],
.qz-next-btn,
.qz-filing-hero-btn,
.qz-return-banner-cta,
.ct-subscribe-btn,
.compare-cta-block a,
.adv-hero-cta,
.iadv-hero-cta {
  color: #ffffff !important;
}

.lf-cta-primary:hover,
.la-cta-primary:hover,
.btn-primary:hover,
a.btn-primary:hover,
.compare-hero-cta:hover,
.sp-cta-btn:hover,
.sp-btn-primary:hover,
[class*="cta-primary"]:hover,
.lfapi-hero a[href]:hover {
  color: #ffffff !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* DARK HERO OVERRIDE — eliminate all dark page-hero sections site-wide  */
/* These rules fire AFTER inline <style> blocks via !important cascade    */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* About page */
.about-hero {
  background: linear-gradient(160deg, #f0fdf4 0%, #f8f9fa 100%) !important;
  border-bottom: 1px solid #d1fae5 !important;
}
.about-hero h1 { color: #111827 !important; }
.about-hero-sub { color: #4b5563 !important; }
.about-hero-badge { color: #16a34a !important; background: rgba(22,163,74,0.1) !important; }

/* Help page */
.help-hero {
  background: linear-gradient(160deg, #f0fdf4 0%, #f8f9fa 100%) !important;
  border-bottom: 1px solid #d1fae5 !important;
}
.help-badge { color: #16a34a !important; background: rgba(22,163,74,0.08) !important; }
.help-hero h1 { color: #111827 !important; }
.help-hero p { color: #4b5563 !important; }
.help-search-count { color: #6b7280 !important; }

/* Policy pages (Privacy, Terms, etc.) */
.policy-hero {
  background: linear-gradient(160deg, #f0fdf4 0%, #f8f9fa 100%) !important;
  border-bottom: 1px solid #d1fae5 !important;
}
.policy-hero h1 { color: #111827 !important; }
.policy-hero-sub { color: #4b5563 !important; }
.policy-hero-badge { color: #16a34a !important; background: rgba(22,163,74,0.1) !important; }
.policy-wrap { color: #374151 !important; }
.policy-wrap h1 { color: #111827 !important; }
.policy-wrap h2 { color: #16a34a !important; }
.policy-wrap h3 { color: #15803d !important; }
.policy-wrap p, .policy-wrap li { color: #4b5563 !important; }
.policy-wrap .policy-updated { color: #6b7280 !important; }
.policy-wrap a { color: #16a34a !important; }
.policy-note { background: rgba(22,163,74,0.06) !important; color: #374151 !important; }
.policy-note strong { color: #15803d !important; }
.policy-warning strong { color: #b45309 !important; }
.policy-service-block { background: #f8f9fa !important; border-color: #d1fae5 !important; }
.policy-service-block strong { color: #111827 !important; }
.policy-caps { color: #4b5563 !important; }

/* Compare pages */
.compare-hero {
  background: linear-gradient(160deg, #f0fdf4 0%, #f8f9fa 100%) !important;
  border-bottom: 1px solid #d1fae5 !important;
}
.compare-hero h1, .compare-hero h2 { color: #111827 !important; }
.compare-hero p, .compare-hero-sub { color: #4b5563 !important; }

/* Auth / Login marketing panel */
.ct-marketing {
  background: linear-gradient(160deg, #f0fdf4 0%, #dcfce7 100%) !important;
  border-right: 1px solid #bbf7d0 !important;
}
.ct-badge { color: #16a34a !important; background: rgba(22,163,74,0.08) !important; border-color: rgba(22,163,74,0.2) !important; }
.ct-marketing h1 { color: #111827 !important; }
.ct-marketing-sub { color: #4b5563 !important; }
.ct-feature-text strong { color: #111827 !important; }
.ct-feature-text span { color: #4b5563 !important; }
.ct-preview { background: #ffffff !important; border-color: #e5e7eb !important; box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important; }
.ct-preview-title { color: #6b7280 !important; }
.ct-preview-stat-num { color: #16a34a !important; }
.ct-preview-stat-lbl { color: #6b7280 !important; }
.ct-preview-claim { background: #f8f9fa !important; border-color: #e5e7eb !important; }
.ct-preview-claim-name { color: #111827 !important; }
.ct-preview-claim-amt { color: #16a34a !important; }
.ct-pricing-cta { background: rgba(22,163,74,0.05) !important; border-color: #d1fae5 !important; }
.ct-price-amount { color: #16a34a !important; }
.ct-price-period { color: #6b7280 !important; }
.ct-pricing-desc { color: #6b7280 !important; }
.ct-subscribe-btn { background: #16a34a !important; color: #ffffff !important; }

/* My Claims dashboard */
.welcome-banner {
  background: #f0fdf4 !important;
  border-color: #bbf7d0 !important;
}
.welcome-banner-text strong { color: #16a34a !important; }
.welcome-banner-text span { color: #4b5563 !important; }
.welcome-banner-close { color: #6b7280 !important; }
.dashboard-hero h1 { color: #111827 !important; }
.dashboard-hero p { color: #4b5563 !important; }
.portfolio-banner {
  background: #f0fdf4 !important;
  border-color: #bbf7d0 !important;
}
.portfolio-label { color: #16a34a !important; }
.portfolio-value { color: #16a34a !important; text-shadow: none !important; }
.portfolio-sub { color: #6b7280 !important; }
.pstat-num { color: #111827 !important; }
.pstat-lbl { color: #6b7280 !important; }
.section-title { color: #111827 !important; }
.section-count { background: rgba(22,163,74,0.1) !important; color: #16a34a !important; }
.section-browse-link { color: #16a34a !important; }
.claim-card { background: #ffffff !important; border-color: #e5e7eb !important; }
.claim-card:hover { border-color: #bbf7d0 !important; }
.claim-title { color: #111827 !important; }
.claim-company { color: #6b7280 !important; }
.claim-meta { color: #6b7280 !important; }

/* Is It Legit page */
.iil-hero {
  background: linear-gradient(135deg, #f0fdf4 0%, #f8f9fa 100%) !important;
  border-bottom: 1px solid #d1fae5 !important;
}
.iil-hero h1, .iil-hero h2 { color: #111827 !important; }
.iil-hero p, .iil-hero-sub { color: #4b5563 !important; }
.iil-checker-section { background: #f8f9fa !important; }
.iil-checker-card { background: #ffffff !important; border-color: #e5e7eb !important; }
.iil-input { background: #ffffff !important; color: #111827 !important; border-color: #d1d5db !important; }
.iil-result-unknown { background: rgba(251,191,36,0.06) !important; border-color: rgba(251,191,36,0.3) !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* COMPARE PAGES — light theme override for all /compare/* pages         */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.compare-badge { color: #16a34a !important; background: rgba(22,163,74,0.1) !important; border-color: rgba(22,163,74,0.25) !important; }
.compare-hero h1 { color: #111827 !important; }
.compare-hero p { color: #4b5563 !important; }
.compare-hero-cta { background: #16a34a !important; color: #ffffff !important; }

.verdict-banner { background: rgba(22,163,74,0.06) !important; border-color: rgba(22,163,74,0.2) !important; }
.verdict-text h2 { color: #16a34a !important; }
.verdict-text p { color: #4b5563 !important; }

.compare-section h2 { color: #111827 !important; }
.compare-table thead th { color: #6b7280 !important; border-bottom-color: #e5e7eb !important; }
.compare-table thead th.col-sr { color: #16a34a !important; }
.compare-table tbody tr { border-bottom-color: #f3f4f6 !important; }
.compare-table tbody td { color: #374151 !important; }
.compare-table tbody td:first-child { color: #6b7280 !important; }
.compare-table .col-sr { color: #111827 !important; font-weight: 600 !important; }
.win { color: #16a34a !important; }
.lose { color: #6b7280 !important; }
.neutral { color: #9ca3af !important; }

.badge-win { background: rgba(22,163,74,0.1) !important; border-color: rgba(22,163,74,0.25) !important; color: #16a34a !important; }
.badge-lose { background: #f3f4f6 !important; border-color: #e5e7eb !important; color: #6b7280 !important; }

.feature-card { background: #ffffff !important; border-color: #e5e7eb !important; box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important; }
.feature-card h3 { color: #111827 !important; }
.feature-card p { color: #4b5563 !important; }

.faq-section h2 { color: #111827 !important; }
.faq-item { background: #ffffff !important; border-color: #e5e7eb !important; box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important; }
.faq-item h3 { color: #111827 !important; }
.faq-item p { color: #4b5563 !important; }

.compare-cta-block { background: #f0fdf4 !important; border-color: #bbf7d0 !important; }
.compare-cta-block h2 { color: #111827 !important; }
.compare-cta-block p { color: #4b5563 !important; }
.compare-cta-block a { background: #16a34a !important; color: #ffffff !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* QUIZ PAGE — light theme overrides for /quiz                           */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.quiz-page { background: linear-gradient(160deg, #f8f9fa 0%, #f0fdf4 50%, #f8f9fa 100%) !important; }
.qz-return-banner { background: #f0fdf4 !important; border-color: #bbf7d0 !important; backdrop-filter: none !important; }
.qz-return-banner-label { color: #16a34a !important; }
.qz-return-banner-dismiss { color: #9ca3af !important; }
.qz-return-banner-cta { color: #ffffff !important; background: #16a34a !important; }
.qz-filing-hero { background: #f0fdf4 !important; border-color: #bbf7d0 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important; }
.qz-filing-hero h2 { color: #111827 !important; }
.qz-filing-hero-guarantee { color: #6b7280 !important; }
.qz-filing-hero-btn { background: #16a34a !important; color: #ffffff !important; box-shadow: 0 3px 12px rgba(22,163,74,0.3) !important; }
.qz-card { background: #ffffff !important; border-color: #e5e7eb !important; box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important; backdrop-filter: none !important; }
.qz-card h2, .qz-card h3 { color: #111827 !important; }
.qz-card p { color: #4b5563 !important; }

/* Quiz — step labels / form controls */
.qz-step-label { color: #16a34a !important; }
.qz-brand-cat-label { color: #16a34a !important; }
.qz-cat-select-all { color: #16a34a !important; }
.qz-brand-chip { background: #f8f9fa !important; border-color: #d1d5db !important; color: #4b5563 !important; }
.qz-brand-chip:hover { background: rgba(22,163,74,0.08) !important; border-color: rgba(22,163,74,0.35) !important; color: #111827 !important; }
.qz-brand-chip.selected { background: rgba(22,163,74,0.12) !important; border-color: rgba(22,163,74,0.45) !important; color: #15803d !important; box-shadow: 0 2px 8px rgba(22,163,74,0.15) !important; }
.qz-select {
  background-color: #ffffff !important;
  border-color: #d1d5db !important;
  color: #111827 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2316a34a' d='M6 8L0 0h12z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.75rem center !important;
  background-size: 12px 8px !important;
}
.qz-brand-search { background: #ffffff !important; border-color: #d1d5db !important; color: #111827 !important; }

/* Quiz — experience / docs option items */
.qz-exp-item { background: #f8f9fa !important; border-color: #e5e7eb !important; }
.qz-exp-item:hover { background: rgba(22,163,74,0.06) !important; border-color: rgba(22,163,74,0.3) !important; }
.qz-exp-item.selected { background: rgba(22,163,74,0.1) !important; border-color: rgba(22,163,74,0.45) !important; box-shadow: none !important; }
.qz-exp-check { border-color: #d1d5db !important; }
.qz-exp-title { color: #111827 !important; }
.qz-exp-sub { color: #4b5563 !important; }

.qz-docs-option { background: #f8f9fa !important; border-color: #e5e7eb !important; }
.qz-docs-option:hover { background: rgba(22,163,74,0.06) !important; border-color: rgba(22,163,74,0.3) !important; }
.qz-docs-option.selected { background: rgba(22,163,74,0.1) !important; border-color: rgba(22,163,74,0.45) !important; box-shadow: none !important; }
.qz-docs-radio { border-color: #d1d5db !important; }
.qz-docs-label { color: #111827 !important; }
.qz-docs-sub { color: #4b5563 !important; }

/* Quiz — email input and nav buttons */
.qz-email-input { background: #ffffff !important; border-color: #d1d5db !important; color: #111827 !important; }
.qz-back-btn { border-color: #d1d5db !important; color: #4b5563 !important; background: #ffffff !important; }
.qz-back-btn:hover { border-color: #9ca3af !important; color: #111827 !important; }
.qz-next-btn { background: #16a34a !important; color: #ffffff !important; }
.qz-next-btn:disabled { background: #e5e7eb !important; color: #9ca3af !important; }

/* Quiz — results match cards */
.qz-match-card { background: #ffffff !important; border-color: #e5e7eb !important; }
.qz-match-card:hover { background: #f8f9fa !important; border-color: #bbf7d0 !important; }
.qz-deadline-safe { background: rgba(22,163,74,0.08) !important; color: #16a34a !important; }
.qz-card-deadline { background: rgba(239,68,68,0.1) !important; color: #dc2626 !important; }
.qz-share-copy { background: #f3f4f6 !important; border-color: #e5e7eb !important; color: #4b5563 !important; }

/* Quiz — email gate section */
.qz-gate-headline { color: #111827 !important; }
.qz-gate-sub { color: #6b7280 !important; }
.qz-gate-blur-wrap::after { background: linear-gradient(to bottom, transparent, rgba(248,249,250,0.98)) !important; }
.qz-gate-blur-card { background: rgba(22,163,74,0.05) !important; }
.qz-gate-blur-title { color: #374151 !important; }
.qz-gate-blur-more { color: #9ca3af !important; }
.qz-gate-prompt { color: #4b5563 !important; }
.qz-gate-email-input { background: #ffffff !important; border-color: #d1d5db !important; color: #111827 !important; }
.qz-gate-email-input::placeholder { color: #9ca3af !important; }
.qz-gate-fine { color: #9ca3af !important; }
.qz-gate-skip-link { color: #9ca3af !important; }
.qz-gate-skip-link:hover { color: #6b7280 !important; }

/* Quiz — broad attribute-selector catch for inline rgba(255,...) white text */
.quiz-page [style*="color:rgba(255,255,255"] { color: #4b5563 !important; }
.quiz-page [style*="color: rgba(255,255,255"] { color: #4b5563 !important; }
.quiz-page strong[style*="color:rgba(255,255,255"] { color: #374151 !important; }
.quiz-page strong[style*="color: rgba(255,255,255"] { color: #374151 !important; }
/* Background rgba(255,255,255,low-alpha) on quiz cards → light gray */
.quiz-page [style*="background:rgba(255,255,255,0.0"] { background: #f8f9fa !important; }
.quiz-page [style*="background: rgba(255,255,255,0.0"] { background: #f8f9fa !important; }
/* Inline green on dark (#4ade80) → proper green on light */
.quiz-page [style*="color:#4ade80"] { color: #16a34a !important; }
.quiz-page [style*="color: #4ade80"] { color: #16a34a !important; }

/* Quiz — push notification opt-in */
.qz-push-optin-body strong { color: #111827 !important; }
.qz-push-optin-body p { color: #6b7280 !important; }
.qz-push-dismiss-btn { color: #9ca3af !important; }
.qz-push-dismiss-btn:hover { color: #6b7280 !important; }

/* Quiz — cfaq (collapsible FAQ) inline buttons */
.quiz-page .cfaq-q { color: #374151 !important; }
.quiz-page .cfaq-a { color: #4b5563 !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* SETTLEMENTS INDEX — category nav light override for /settlements      */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.dir-cat-nav { background: #ffffff !important; border-bottom: 1px solid #e5e7eb !important; box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important; }
.dir-cat-label { color: #9ca3af !important; }
.dir-cat-pill { color: #4b5563 !important; }
.dir-cat-pill:hover { color: #111827 !important; background: #f3f4f6 !important; }
.dir-cat-pill.active { color: #16a34a !important; background: rgba(22,163,74,0.04) !important; border-bottom-color: #16a34a !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* MOBILE HEADER — white text on dark green (#0d3520) nav background     */
/* The broad "a { color: ... !important }" and ".nav-logo { color: ...   */
/* !important }" rules above kill readability. These mobile-scoped       */
/* overrides restore white logo text + light green tagline.              */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (max-width: 900px) {
  .nav-logo,
  .nav-logo:visited,
  a.nav-logo {
    color: #ffffff !important;
  }
  .nav-logo:hover {
    color: #86efac !important;
  }
  .nav-logo-text {
    color: #ffffff !important;
  }
  .nav-logo-tagline {
    color: rgba(134, 239, 172, 0.75) !important;
  }
  .radar-icon {
    border-color: #4ade80 !important;
  }
}

/* END color-system-authoritative.css */