/* Shared black palette for the public site and administration pages. */
:root {
  color-scheme: dark;
  --bg: #080808;
  --bg-2: #0d0d0d;
  --surface: #141414;
  --surface-soft: #1c1c1c;
  --card: #141414;
  --text: #f5f5f5;
  --muted: #b0b0b0;
  --line: rgba(255, 255, 255, .13);
}

body { background: var(--bg); }
.site-header { background: rgba(8, 8, 8, .88); }
.hero {
  background:
    radial-gradient(circle at 18% 20%, rgba(245, 184, 46, .25), transparent 32%),
    radial-gradient(circle at 82% 34%, rgba(245, 184, 46, .1), transparent 30%),
    linear-gradient(rgba(8, 8, 8, .48), rgba(8, 8, 8, .94)),
    url("images/itu-hero-hd.png") center/cover;
}
.leadership, .sponsors, .conference-detail {
  background: linear-gradient(180deg, #101010, var(--bg));
}
.previous-conferences, .location, .schedule { background: #101010; }
.committee-card:hover { background: linear-gradient(180deg, #262626, #161616); }
.form-field input, .form-field textarea { background: rgba(8, 8, 8, .7); }
.leadership-photo, .previous-conference-image, .archive-person img,
.archive-chair img, .gallery-lightbox { background: #0a0a0a; }
.section.training-page { background: radial-gradient(ellipse at 90% 0%, #202020, transparent 55%), var(--bg); }
.training-player { background: radial-gradient(ellipse at 50% 100%, #262626, var(--bg) 80%); }
.member-intro { background: linear-gradient(145deg, #202020, #0a0a0a); }
.application-confirmation { background: radial-gradient(ellipse at top left, #292929, var(--surface) 65%); }
.confirmation-summary { background: rgba(0, 0, 0, .35); }
.member-dialog::backdrop, .application-confirmation::backdrop,
.gallery-lightbox::backdrop { background: rgba(0, 0, 0, .82); }
.lightbox-close { background: rgba(8, 8, 8, .8); }
#maintenanceScreen { background: radial-gradient(ellipse at top, #252525, var(--bg) 65%); }

/* Admin: retain the gold actions and the meaningful status colors. */
.card, .editor-section { background: var(--card); }
.array-item, .user-row, .review-card, .training-admin-row { background: #101010; }
.admin-sidebar { background: #0a0a0a; }
.sidebar-link:hover { background: #1c1c1c; }
.publish-bar { background: rgba(10, 10, 10, .94); }
.secondary, .move, .asset-upload, .sidebar-footer button { background: #292929; }
.nested { border-left-color: #404040; }
.role-badge { color: #e5e5e5; border-color: #626262; }
.preview-button { background: #e5e5e5; color: #171717; }
.shell input, .shell textarea, .shell select,
.create-user-form select, .user-role-select,
.membership-management select, .training-admin-section select {
  background: #0b0b0b;
  color: var(--text);
  border-color: #3b3b3b;
}
@media (max-width: 900px) {
  .admin-sidebar { background: rgba(10, 10, 10, .94); }
}
@media (max-width: 980px) {
  .nav-links { background: rgba(20, 20, 20, .98); }
}