/* ShareSpeak palette. Structure lives in marketing-base.css — only override
 * the semantic tokens here, plus anything genuinely specific to this site. */

:root {
  color-scheme: light;

  --bg: #ffffff;
  --panel: #f5f7fa;
  --panel-2: #eaeef4;
  --text: #16191f;
  --muted: #5b6472;
  --line: #dfe4ec;
  --accent: #486cdc;   /* icon ring, RING_START */
  --accent-2: #3557b8;
  --on-accent: #ffffff;

  --max: 1040px;
}

.hero .badge {
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.3rem 0.8rem;
  border-radius: 999px;
  background: var(--panel-2);
  color: var(--muted);
  font-size: 0.85rem;
  font-weight: 600;
}