:root {
  --theme-accent: #c89b3c;
  --theme-accent-2: #7a4b2a;
  --theme-bg: #140d07;
  --theme-text: #f7ebc7;
  --theme-surface: rgba(255,240,196,0.12);
  --theme-surface-strong: rgba(72,41,19,0.88);
}

body[data-theme="ancient"], body[data-home-theme="ancient"] {
  --theme-bg: #140d07;
  --theme-text: #f7ebc7;
  --theme-surface: rgba(255,240,196,0.12);
  --theme-surface-strong: rgba(72,41,19,0.88);
}

body[data-home-theme="ancient"] .hero-shell {
  background:
    linear-gradient(135deg, rgba(46, 26, 10, 0.98), rgba(90, 50, 20, 0.9)),
    radial-gradient(circle at top left, rgba(200, 155, 60, 0.24), transparent 36%),
    radial-gradient(circle at bottom right, rgba(122, 75, 42, 0.24), transparent 34%) !important;
  border-bottom-color: rgba(200,155,60,0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 24px 70px rgba(0,0,0,0.28) !important;
}

body[data-home-theme="ancient"] .hero-card,
body[data-home-theme="ancient"] .news-card,
body[data-home-theme="ancient"] .split-card,
body[data-home-theme="ancient"] .feature-card,
body[data-home-theme="ancient"] .class-card,
body[data-home-theme="ancient"] .mini-card,
body[data-home-theme="ancient"] .intro-card,
body[data-home-theme="ancient"] .auth-modal-card {
  background: linear-gradient(145deg, rgba(200,155,60,0.16), rgba(122,75,42,0.16)) !important;
  border-color: rgba(247,235,199,0.16) !important;
  box-shadow: 0 20px 48px rgba(20, 13, 7, 0.28), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

body[data-home-theme="ancient"] .hero-copy h1,
body[data-home-theme="ancient"] .section-heading h2,
body[data-home-theme="ancient"] .hero-card-content h3,
body[data-home-theme="ancient"] .intro-band-copy h2 {
  color: #f7ebc7 !important;
  text-shadow: 0 0 24px rgba(200,155,60,0.30) !important;
}

body[data-home-theme="ancient"] .btn-primary,
body[data-home-theme="ancient"] .btn,
body[data-home-theme="ancient"] .news-category-tag,
body[data-home-theme="ancient"] .page-badge {
  background: linear-gradient(135deg, #c89b3c, #7a4b2a) !important;
  color: #fff8df !important;
  box-shadow: 0 14px 32px rgba(200,155,60,0.22) !important;
}