html {
  --bg: #0B2A52 !important;
  --bg-surface: #10345f !important;
  --bg-surface-elevated: #17436a !important;
  --bg-glass: rgba(11, 42, 82, 0.94) !important;
  --bg2: #10345f !important;
  --surface: #10345f !important;
  --surface-elevated: #17436a !important;
  --text2: #cbd5e1 !important;
  --text3: #94a3b8 !important;
  --card: rgba(16, 52, 95, 0.78) !important;
  --card-bg: rgba(16, 52, 95, 0.78) !important;
  --card-hover-border: rgba(210, 166, 73, 0.62) !important;
  --gold: #D2A649 !important;
  --gold-light: #F3D78A !important;
  --gold-dark: #C4953A !important;
  --gold-glow: rgba(210, 166, 73, 0.22) !important;
  --teal: #0E7A94 !important;
  --teal-readable: #6ac1d2 !important;
  --text: #f8fafc !important;
  --text-muted: #cbd5e1 !important;
  --text-subtle: #94a3b8 !important;
  --card-border: rgba(210, 166, 73, 0.22) !important;
  --border: rgba(210, 166, 73, 0.22) !important;
}

html[data-theme="day"] {
  --bg: #f4f7fb !important;
  --bg-surface: #ffffff !important;
  --bg-surface-elevated: #eaf0f6 !important;
  --bg-glass: rgba(255, 255, 255, 0.94) !important;
  --bg2: #eaf0f6 !important;
  --surface: #ffffff !important;
  --surface-elevated: #eaf0f6 !important;
  --text2: #294663 !important;
  --text3: #526a82 !important;
  --card: rgba(255, 255, 255, 0.96) !important;
  --card-bg: rgba(255, 255, 255, 0.96) !important;
  --card-hover-border: rgba(141, 100, 17, 0.6) !important;
  --gold: #8d6411 !important;
  --gold-light: #a67718 !important;
  --gold-dark: #664609 !important;
  --gold-glow: rgba(141, 100, 17, 0.14) !important;
  --teal: #0E7A94 !important;
  --teal-readable: #0E7A94 !important;
  --text: #0B2A52 !important;
  --text-muted: #294663 !important;
  --text-subtle: #526a82 !important;
  --card-border: rgba(11, 42, 82, 0.14) !important;
  --border: rgba(11, 42, 82, 0.14) !important;
}

body {
  font-family: 'Source Sans 3', sans-serif !important;
}

[dir="rtl"] body,
html[lang="ar"] body {
  font-family: 'Cairo', 'Source Sans 3', sans-serif !important;
}

h1,
h2,
h3,
h4,
.brand-wordmark {
  font-family: 'Exo 2', 'Source Sans 3', sans-serif !important;
  font-style: italic;
}

html[data-theme="night"] body > header {
  background: var(--bg-glass) !important;
  border-bottom-color: var(--card-border) !important;
}

html[data-theme="day"] body > header {
  background: var(--bg-glass) !important;
  border-bottom-color: var(--card-border) !important;
}

html[data-theme] footer {
  background-color: var(--bg-surface) !important;
  border-color: var(--card-border) !important;
  color: var(--text-subtle) !important;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4 {
  font-family: 'Cairo', 'Source Sans 3', sans-serif !important;
  font-style: normal;
}

[class~="text-[#C8A34E]"],
[class~="text-[#D2A649]"] {
  color: var(--gold) !important;
}

[class~="bg-[#060c18]"],
[class~="bg-[#0a1526]"] {
  background-color: #0B2A52 !important;
}

[class~="bg-[#11213b]"] {
  background-color: #17436a !important;
}

[class~="border-[#C8A34E]"] {
  border-color: var(--card-border) !important;
}

[class~="text-teal-300"],
[class~="text-teal-400"] {
  color: var(--teal-readable) !important;
}

[class~="bg-slate-900"],
[class~="bg-slate-950"],
[class*="bg-slate-900/"],
[class*="bg-slate-950/"] {
  background-color: #0B2A52 !important;
}

[class~="bg-slate-800"],
[class*="bg-slate-800/"] {
  background-color: #10345f !important;
}

[class~="border-slate-800"],
[class~="border-slate-700"] {
  border-color: rgba(210, 166, 73, 0.22) !important;
}

[class~="bg-slate-50"] {
  background-color: #f4f7fb !important;
}

[class~="text-slate-800"],
[class~="text-slate-900"] {
  color: #0B2A52 !important;
}

.site-footer {
  border-color: var(--card-border);
  background: var(--bg-surface);
  color: var(--text-subtle);
}

.site-footer .footer-heading {
  color: var(--gold);
  font-family: 'Exo 2', 'Source Sans 3', sans-serif;
  font-style: italic;
}

.site-footer .footer-link {
  color: var(--text-muted);
  transition: color 0.2s ease;
}

.site-footer .footer-link:hover,
.site-footer .footer-link:focus-visible {
  color: var(--gold);
}

.site-footer ul a:hover,
.site-footer ul a:focus-visible,
.site-footer button:hover,
.site-footer button:focus-visible {
  color: var(--gold) !important;
}

.site-footer .footer-brand-logo {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}

.site-footer .footer-brand-title {
  color: var(--text);
  font-family: 'Exo 2', 'Source Sans 3', sans-serif;
  font-style: italic;
}

.site-footer .footer-tagline {
  color: var(--teal-readable);
}

.site-footer .footer-input:focus {
  border-color: var(--gold);
}