/* SURVEY brand contract — shared by every public surface.
 * Source of truth: StormSurvey/proto/brand/tokens.css.
 * Keep aliases for legacy page styles, but never create a new palette locally.
 */
:root {
  --survey-mint: #6cffe0;
  --survey-cyan: #00d4ff;
  --survey-mint-deep: #0aa588;
  --survey-ink-on-mint: #06231c;
  --survey-deep: #060a0f;
  --survey-bg-dark: #0b1219;
  --survey-panel-dark: #111a24;
  --survey-hair-dark: #1f2a33;
  --survey-ink-dark: #f2f4f7;
  --survey-soft-dark: #7a8694;
  --survey-ok-dark: #34d17a;
  --survey-warn-dark: #f0b429;
  --survey-down-dark: #f0554e;

  /* Legacy aliases used by landing, public pages and questionnaire. */
  --green: var(--survey-mint);
  --green-deep: var(--survey-mint-deep);
  --cyan: var(--survey-cyan);
  --teal: var(--survey-mint);
  --text: var(--survey-ink-dark);
  --muted: var(--survey-soft-dark);
  --warning: var(--survey-warn-dark);
  --danger: var(--survey-down-dark);
}

/* The same lockup hierarchy everywhere: product first, publisher second. */
.brand,
.wordmark {
  font-family: var(--font-display, "Space Grotesk", sans-serif);
}

.brand small,
.wordmark small {
  color: var(--survey-mint);
}

.brand > span + small {
  margin-left: .45rem;
}

.brand svg,
.wordmark .mark {
  color: var(--survey-mint);
}