/**
 * Why Qatar landing page — dark mode (loads after inline page styles).
 */

body.dark-mode.page-why-qatar,
body.dark-mode .page--why-qatar {
  --burgundy: #8b0d32;
  --burgundy-dark: #6a0926;
  --burgundy-light: #a82645;
  --ink: #f9fafb;
  --ink-2: #111827;
  --text: #e5e7eb;
  --text-muted: #d1d5db;
  --text-soft: #9ca3af;
  --text-dim: #9ca3af;
  --line: #374151;
  --line-2: #4b5563;
  --bg: #0b111b;
  --bg-2: #1f2937;
  --bg-3: #111827;
  --surface-tint: rgba(139, 13, 50, 0.12);
  --surface-tint-2: rgba(139, 13, 50, 0.2);
  --rose-50: rgba(139, 13, 50, 0.12);
  --rose-100: rgba(139, 13, 50, 0.18);
}

html body.dark-mode.page-why-qatar,
html body.dark-mode.page-why-qatar .page-wrapper {
  background: var(--bg-body, #0b111b) !important;
  color: var(--text) !important;
}

/* All page sections */
body.dark-mode.page-why-qatar .page--why-qatar .section,
body.dark-mode .page--why-qatar .section {
  background: var(--bg-body, var(--bg)) !important;
  color: var(--text) !important;
}

body.dark-mode.page-why-qatar .page--why-qatar .section.alt,
body.dark-mode .page--why-qatar .section.alt {
  background: var(--bg-card-sections, var(--bg-2)) !important;
  color: var(--text) !important;
}

body.dark-mode.page-why-qatar .page--why-qatar .quote-section,
body.dark-mode .page--why-qatar .quote-section {
  background: linear-gradient(180deg, var(--bg-2) 0%, var(--bg)) !important;
  color: var(--text) !important;
}

/* Typography */
body.dark-mode.page-why-qatar .page--why-qatar h2.section-title,
body.dark-mode .page--why-qatar h2.section-title,
body.dark-mode.page-why-qatar .page--why-qatar .section-lede,
body.dark-mode .page--why-qatar .section-lede,
body.dark-mode.page-why-qatar .page--why-qatar .quote-text,
body.dark-mode .page--why-qatar .quote-text,
body.dark-mode.page-why-qatar .page--why-qatar .quote-attr .name,
body.dark-mode .page--why-qatar .quote-attr .name,
body.dark-mode.page-why-qatar .page--why-qatar .quote-attr .role,
body.dark-mode .page--why-qatar .quote-attr .role,
body.dark-mode.page-why-qatar .page--why-qatar .enabler-card h3,
body.dark-mode .page--why-qatar .enabler-card h3,
body.dark-mode.page-why-qatar .page--why-qatar .sector-card h4,
body.dark-mode .page--why-qatar .sector-card h4,
body.dark-mode.page-why-qatar .page--why-qatar .res-card h4,
body.dark-mode .page--why-qatar .res-card h4,
body.dark-mode.page-why-qatar .page--why-qatar .support-card h4,
body.dark-mode .page--why-qatar .support-card h4,
body.dark-mode.page-why-qatar .page--why-qatar .biz-panel h3,
body.dark-mode .page--why-qatar .biz-panel h3 {
  color: var(--color-card-title, #f9fafb) !important;
}

body.dark-mode.page-why-qatar .page--why-qatar .section.alt p,
body.dark-mode.page-why-qatar .page--why-qatar .section.alt div,
body.dark-mode.page-why-qatar .page--why-qatar .section.alt li,
body.dark-mode.page-why-qatar .page--why-qatar .section.alt span,
body.dark-mode .page--why-qatar .section.alt p,
body.dark-mode .page--why-qatar .section.alt div,
body.dark-mode .page--why-qatar .section.alt li,
body.dark-mode .page--why-qatar .section.alt span,
body.dark-mode.page-why-qatar .page--why-qatar .enabler-card p,
body.dark-mode.page-why-qatar .page--why-qatar .enabler-card div,
body.dark-mode.page-why-qatar .page--why-qatar .enabler-card li,
body.dark-mode .page--why-qatar .enabler-card p,
body.dark-mode .page--why-qatar .enabler-card div,
body.dark-mode .page--why-qatar .enabler-card li,
body.dark-mode.page-why-qatar .page--why-qatar .macro-text,
body.dark-mode.page-why-qatar .page--why-qatar .macro-text p,
body.dark-mode.page-why-qatar .page--why-qatar .macro-text div,
body.dark-mode.page-why-qatar .page--why-qatar .macro-text li,
body.dark-mode .page--why-qatar .macro-text,
body.dark-mode .page--why-qatar .macro-text p,
body.dark-mode .page--why-qatar .macro-text div,
body.dark-mode .page--why-qatar .macro-text li,
body.dark-mode.page-why-qatar .page--why-qatar .enabler-card p,
body.dark-mode .page--why-qatar .enabler-card p,
body.dark-mode.page-why-qatar .page--why-qatar .sector-card .desc,
body.dark-mode .page--why-qatar .sector-card .desc,
body.dark-mode.page-why-qatar .page--why-qatar .rating-card .label,
body.dark-mode .page--why-qatar .rating-card .label,
body.dark-mode.page-why-qatar .page--why-qatar .res-card p,
body.dark-mode .page--why-qatar .res-card p,
body.dark-mode.page-why-qatar .page--why-qatar .support-card p,
body.dark-mode .page--why-qatar .support-card p,
body.dark-mode.page-why-qatar .page--why-qatar .biz-list li,
body.dark-mode .page--why-qatar .biz-list li,
body.dark-mode.page-why-qatar .page--why-qatar .benefits-list li,
body.dark-mode .page--why-qatar .benefits-list li,
body.dark-mode.page-why-qatar .page--why-qatar .project-card p,
body.dark-mode .page--why-qatar .project-card p {
  color: var(--color-card-description, #d1d5db) !important;
}

body.dark-mode.page-why-qatar .page--why-qatar .quote-mark,
body.dark-mode .page--why-qatar .quote-mark {
  color: #e99bad;
  opacity: 0.45;
}

body.dark-mode.page-why-qatar .page--why-qatar .gdp-pct,
body.dark-mode .page--why-qatar .gdp-pct,
body.dark-mode.page-why-qatar .page--why-qatar .sector-card .metric,
body.dark-mode .page--why-qatar .sector-card .metric {
  color: #f5b6c5 !important;
}

/* Cards & surfaces */
body.dark-mode.page-why-qatar .page--why-qatar .icon-btn,
body.dark-mode.page-why-qatar .page--why-qatar .enabler-card,
body.dark-mode.page-why-qatar .page--why-qatar .rating-card,
body.dark-mode.page-why-qatar .page--why-qatar .macro-text,
body.dark-mode.page-why-qatar .page--why-qatar .gdp-table,
body.dark-mode.page-why-qatar .page--why-qatar .sector-card,
body.dark-mode.page-why-qatar .page--why-qatar .biz-panel,
body.dark-mode.page-why-qatar .page--why-qatar .projects-grid,
body.dark-mode.page-why-qatar .page--why-qatar .project-card,
body.dark-mode.page-why-qatar .page--why-qatar .res-card,
body.dark-mode.page-why-qatar .page--why-qatar .benefits-list,
body.dark-mode.page-why-qatar .page--why-qatar .support-card,
body.dark-mode.page-why-qatar .page--why-qatar .scroll-nav,
body.dark-mode.page-why-qatar .page--why-qatar .tweaks-panel,
body.dark-mode.page-why-qatar .page--why-qatar .tweak-opt,
body.dark-mode .page--why-qatar .icon-btn,
body.dark-mode .page--why-qatar .enabler-card,
body.dark-mode .page--why-qatar .rating-card,
body.dark-mode .page--why-qatar .macro-text,
body.dark-mode .page--why-qatar .gdp-table,
body.dark-mode .page--why-qatar .sector-card,
body.dark-mode .page--why-qatar .biz-panel,
body.dark-mode .page--why-qatar .projects-grid,
body.dark-mode .page--why-qatar .project-card,
body.dark-mode .page--why-qatar .res-card,
body.dark-mode .page--why-qatar .benefits-list,
body.dark-mode .page--why-qatar .support-card {
  background: var(--bg-card-sections, var(--bg-2)) !important;
  border-color: var(--color-border-card, var(--line)) !important;
}

body.dark-mode.page-why-qatar .page--why-qatar .scroll-nav,
body.dark-mode .page--why-qatar .scroll-nav {
  background: rgba(11, 17, 27, 0.95) !important;
}

body.dark-mode.page-why-qatar .page--why-qatar .scroll-nav a,
body.dark-mode .page--why-qatar .scroll-nav a {
  color: var(--text-muted) !important;
}

body.dark-mode.page-why-qatar .page--why-qatar .gdp-row.head,
body.dark-mode .page--why-qatar .gdp-row.head {
  background: var(--bg-3) !important;
  color: var(--text-soft) !important;
}

body.dark-mode.page-why-qatar .page--why-qatar .rating-card .pill,
body.dark-mode .page--why-qatar .rating-card .pill {
  background: rgba(34, 197, 94, 0.15);
  color: #86efac;
}

body.dark-mode.page-why-qatar .page--why-qatar .btn-white,
body.dark-mode .page--why-qatar .btn-white {
  background: var(--bg-2);
  color: #f9fafb;
}

body.dark-mode.page-why-qatar .page--why-qatar .btn-white:hover,
body.dark-mode .page--why-qatar .btn-white:hover {
  background: var(--bg-3);
}

body.dark-mode.page-why-qatar .page--why-qatar .btn-secondary,
body.dark-mode .page--why-qatar .btn-secondary {
  color: #f5b6c5;
  border-color: #f5b6c5;
}

body.dark-mode.page-why-qatar .page--why-qatar .section.ink,
body.dark-mode .page--why-qatar .section.ink {
  background: var(--bg-3) !important;
}