/* Spaceship Earth — brand-specific overrides
 * Per SS Earth Brand Board v1 §3 (cerulean canonical palette)
 */

:root {
  /* SS Earth canonical palette (LIVE in ssearth-theme.js command-center theme) */
  --bg: #0d0d0f;
  --bg-card: #161618;
  --bg-warm: #1a1814;
  --bg-inset: #1a1a1e;

  --fg: #e8e4dd;
  --fg-bright: #ffffff;
  --fg-muted: #888888;
  --fg-dim: #444444;

  --accent: #4dc8e8;       /* CERULEAN — canonical primary */
  --accent-2: #3a9eb8;     /* cerulean dim */
  --accent-warm: #c8a96e;  /* GOLD warm accent */

  --border: #2a2a2e;
  --border-lo: #1e1e21;
  --border-hi: #3a3a40;

  --header-bg: rgba(13, 13, 15, 0.92);

  --font-body: 'Lexend', system-ui, -apple-system, sans-serif;
}

/* Logo accent */
.logo-accent {
  color: var(--accent);
}

/* Marquee */
.marquee-banner {
  background: var(--accent);
  color: var(--bg);
}

/* Pillar themes */
#philosophy {
  background: var(--bg-card);
}

#partnership {
  background: #0d0d18;
  border-top: 1px solid var(--accent-2);
}

#giving {
  background: linear-gradient(180deg, #1a1814 0%, #14110a 100%);
}

/* Hero text */
.hero-text h1 {
  color: var(--accent);
}

.hero-text em {
  color: var(--accent-warm);
  font-style: italic;
}

.quote-attribution {
  color: var(--fg-bright);
  font-style: italic;
  border-left: 3px solid var(--accent);
  padding-left: 16px;
}

/* Strong (for "You and Me Together (YNMT)") */
strong {
  color: var(--accent-warm);
  font-weight: 600;
}

/* Site nav */
.site-nav a:hover {
  color: var(--accent);
}

/* Footer */
.site-footer {
  background: var(--bg-warm);
  border-top: 1px solid var(--accent-2);
}

.footer-title {
  color: var(--accent);
}