/* site/css/demo.css */

/* ─── Demo site theme override ──────────────────────────────────────────────── */
/* Overrides the default dark-green primary with a custom brand color.          */
/* --color-link-dark is derived dynamically via CSS relative color syntax       */
/* (hsl(from var(--color-primary) ...)) and adjusts automatically.              */

:root {
  --color-primary: #ed82ae;
  --color-link: #ed82ae;
}

/* ─── Demo page section separators ─────────────────────────────────────────── */

main > section + section {
  border-top: 1px solid var(--border-color);
  margin-top: 2rem;
  padding-top: 2rem;
}

/* ─── Intro section ─────────────────────────────────────────────────────────── */

#crumbs-hero {
  max-width: 40rem;
  height: auto;
}

#crumbs-title {
  margin-top: 1rem;
}

#crumbs-subtitle {
  margin-top: 0.5rem;
}

#crumbs-cta {
  margin-top: 1rem;
}