/* Marketing semantic tokens — shared by all marketing pages (policy + education).
 *
 * Loaded after brand/tokens.css by _partials/marketing_head.html, so the
 * --brand-* primitives are available. Each marketing page used to define
 * its own inline :root block with these exact tokens; this file is the
 * shared replacement.
 */

:root {
  /* Marketing display fonts */
  --font-display: var(--brand-font-serif-display);
  --font-body: var(--brand-font-sans);

  /* Marketing semantic spacing scale (used in hero/section/CTA layouts) */
  --space-xs: var(--brand-space-2);     /* 0.5rem */
  --space-sm: var(--brand-space-4);     /* 1rem */
  --space-md: var(--brand-space-6);     /* 1.5rem */
  --space-lg: var(--brand-space-8);     /* 2rem */
  --space-xl: var(--brand-space-12);    /* 3rem */
  --space-2xl: var(--brand-space-16);   /* 4rem */
  --space-3xl: var(--brand-space-24);   /* 6rem */
}