/*
 * Optional warm-dark overlay for castopod.hacktivism.ch
 * NOT an official Castopod theme — Castopod only documents 6 accent colors
 * (pine, crimson, lake, amber, jacaranda, onyx). See:
 * https://docs.castopod.org/main/en/user-guide/instance/settings/
 *
 * Palette matches git.hacktivism.ch / bonfire (exchange-dark):
 * body #1a1410, cream text, gold accent #e8a838, teal #3ecfbf.
 * Prefer official theme "amber" first; this CSS deepens the page chrome.
 */

:root,
.theme-amber,
.theme-pine,
.theme-onyx {
  --color-accent-base: 38 78% 56% !important; /* ~#e8a838 */
  --color-accent-hover: 38 72% 48% !important;
  --color-accent-muted: 38 60% 32% !important;
  --color-accent-contrast: 28 22% 8% !important;
  --color-heading-foreground: 40 80% 75% !important;
  --color-heading-background: 28 22% 14% !important;
  --color-background-elevated: 28 18% 14% !important;
  --color-background-base: 28 22% 8% !important;
  --color-background-navigation: 28 20% 10% !important;
  --color-background-header: 28 22% 9% !important;
  --color-background-highlight: 28 18% 16% !important;
  --color-background-backdrop: 0 0% 0% !important;
  --color-border-subtle: 32 18% 28% !important;
  --color-border-contrast: 40 50% 70% !important;
  --color-border-navigation: 32 18% 28% !important;
  --color-text-base: 36 80% 95% !important; /* ~#fff6e8 */
  --color-text-muted: 32 20% 72% !important;
}

body {
  background-color: #1a1410 !important;
  background-image:
    radial-gradient(ellipse 90% 55% at 50% 108%, rgba(26, 107, 110, 0.35) 0%, transparent 55%),
    radial-gradient(circle 420px at 12% 18%, rgba(232, 168, 56, 0.22) 0%, transparent 62%),
    linear-gradient(165deg, #2c1e14 0%, #1a1410 38%, #12181a 72%, #0e1c1e 100%) !important;
  background-attachment: fixed !important;
  color: #fff6e8 !important;
}

a {
  color: #f0c86a;
}
a:hover {
  color: #5eead4;
}

/* Primary-ish buttons / chips that use solid white on accent */
.bg-white {
  background-color: rgba(42, 32, 24, 0.92) !important;
  color: #fff6e8 !important;
  border: 1px solid rgba(232, 168, 56, 0.28);
}

/* Footer */
footer,
.page-footer {
  border-top: 1px solid rgba(232, 168, 56, 0.22);
  color: #c9b8a0 !important;
}