/* Generated from DesignTokens.swift. Edit the source, then rebuild. */
:root {
  --blue: #245bc7;
  --ink: #142a50;
  --paper: #f7f9fd;
  --muted: #526078;
  --accent: #b9470d;
  --accent-soft: #ffad6b;
  --accent-hover: #96380a;
  --surface: #ffffff;
  --tint: #edf3ff;
  --line: #d4dced;
  --rule: #7e8ca4;
  --white: #ffffff;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --section-space: clamp(var(--space-8), calc(var(--space-6) + 2vw), var(--space-12));
  --page-gutter: var(--space-6);
  --page-navigation-inset: var(--space-6);
  --hero-inset: clamp(var(--space-10), calc(var(--space-8) + 2vw), var(--space-16));
  --card-inset: min(var(--space-10), 5vw);
  --conference-inset: var(--space-10);
  --conference-inset-small: var(--space-6);
  --community-inset: calc(var(--section-space) * 1.5);
  --heading-gap: 1.8rem;
  --action-gap: 1.7rem;
  --action-row-gap: .6rem;
  --eyebrow-gap: 1.4rem;
  --brand-gap: .65rem;
  --button-inset-block: .8rem;
  --button-inset-inline: var(--space-5);
  --control-inset-block: .65rem;
  --control-inset-inline: .8rem;
  --step-inset: .4rem;
  --breadcrumb-gap: .8rem;
  --separator-inset-start: .2rem;
  --separator-inset-end: .9rem;
  --edition-link-inset-block: .3rem;
  --edition-link-inset-inline: .8rem;
  --radius-small: .3rem;
  --radius-card: .5rem;
  --target-size: 44px;
  --border-width: 1px;
  --control-border-width: 2px;
  --focus-width: 3px;
  --focus-offset: var(--focus-width);
  --focus-halo: 6px;
  --focus-radius: 2px;
  --reading-width: 52rem;
}
/* Retain Ignite/Bootstrap grid classes while sharing the spacing scale. */
.row.g-3 { --bs-gutter-x: var(--space-4); --bs-gutter-y: var(--space-4); }