/*
 * Public logged-out dark presentation.
 * Loaded after page-specific static CSS.
 */

:root {
  color-scheme: dark;
}

html,
body {
  background: #071527 !important;
  color: #eef6ff !important;
}

body {
  background:
    radial-gradient(circle at 0 0, rgba(111, 182, 255, 0.14), transparent 360px),
    linear-gradient(180deg, #0d2037 0, #071527 100%) !important;
  background-color: #071527 !important;
}

.page,
main {
  color: #eef6ff;
}

.site-header {
  background: rgba(7, 21, 39, 0.94) !important;
  border-bottom-color: #284260 !important;
}

.hero {
  background: linear-gradient(135deg, #102033 0, #164e8f 100%) !important;
  color: #ffffff !important;
}

.hero p,
.hero .lede,
.hero-lede {
  color: #dcecff !important;
}

section,
.panel,
.card,
.toc,
.league-section,
.league-card,
.planned-grid article,
.feature-strip article,
.workflow-grid article,
.trust-grid article,
.live-card,
.planned-card {
  background: #102033 !important;
  border-color: #284260 !important;
  color: #eef6ff !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.32) !important;
}

.feature-strip,
.workflow-section,
.trust-section,
.site-footer {
  background: #071527 !important;
  color: #afc3d8 !important;
}

h1,
h2,
h3,
h4,
strong,
th,
td,
li,
p {
  color: inherit;
}

a,
.card .link-label,
.footer-links a {
  color: #a7d3ff !important;
}

.card p,
.muted,
.footer,
.date,
.site-footer p,
.league-copy p,
.workflow-grid p,
.trust-grid p,
.feature-grid p,
.planned-card .status-label,
.status-label {
  color: #afc3d8 !important;
}

.button,
.button-primary,
.nav-cta {
  background: #6fb6ff !important;
  border-color: #6fb6ff !important;
  color: #071527 !important;
}

.button.secondary,
.button-secondary {
  background: #172a45 !important;
  border-color: #3b5876 !important;
  color: #eef6ff !important;
}

.note {
  background: #153455 !important;
  border-color: #6fb6ff !important;
  color: #dcecff !important;
}

.warning {
  background: #3d2f13 !important;
  border-color: #facc6b !important;
  color: #facc6b !important;
}

.good {
  background: #103c38 !important;
  border-color: #5eead4 !important;
  color: #5eead4 !important;
}

table {
  background: #102033 !important;
  border-color: #284260 !important;
}

th {
  background: #172a45 !important;
}

th,
td {
  border-color: #284260 !important;
}

code {
  background: #172a45 !important;
  border-color: #3b5876 !important;
  color: #eef6ff !important;
}

.steps li {
  border-color: #284260 !important;
}

.steps li::before,
.pill {
  background: #6fb6ff !important;
  color: #071527 !important;
}