body[data-screen="public"] {
  --accent: #3165ef;
  --tint: #edf3ff;
  --tint-border: #dce7ff;
}
body[data-template="graphite"] {
  --accent: #354459;
  --tint: #eef1f5;
  --tint-border: #dce1e8;
}
body[data-template="terra"] {
  --accent: #ae6044;
  --tint: #faf0e9;
  --tint-border: #edd9cc;
}
body[data-screen="public"] .btn,
body[data-screen="public"] .slot.selected {
  background: var(--accent);
  border-color: var(--accent);
}
body[data-screen="public"] .btn.secondary {
  background: var(--tint);
  color: var(--accent);
}
body[data-screen="public"] .hero-visual,
body[data-screen="public"] .aside {
  background: var(--tint);
  border-color: var(--tint-border);
}
body[data-screen="public"] .hero-visual .road {
  background: var(--accent);
}
body[data-screen="public"] a,
body[data-screen="public"] .tiny-link,
body[data-screen="public"] .aside .eyebrow {
  color: var(--accent);
}
body[data-screen="public"] .button-link {
  color: white;
  background: var(--accent);
}