/* Generated by tools/build_spacing.py. Edit design-tokens/spacing.json. */
:root{
  --primitive-space-0: 0px;
  --primitive-space-2: 2px;
  --primitive-space-4: 4px;
  --primitive-space-6: 6px;
  --primitive-space-8: 8px;
  --primitive-space-12: 12px;
  --primitive-space-16: 16px;
  --primitive-space-20: 20px;
  --primitive-space-24: 24px;
  --primitive-space-32: 32px;
  --primitive-space-40: 40px;
  --primitive-space-44: 44px;
  --primitive-space-48: 48px;
  --primitive-space-56: 56px;
  --primitive-space-64: 64px;
  --primitive-space-72: 72px;
  --primitive-space-80: 80px;
  --primitive-space-88: 88px;
  --primitive-space-96: 96px;
  --primitive-space-132: 132px;
  --primitive-space-250: 250px;
  --primitive-space-260: 260px;
  --primitive-space-10: 10px;
  --primitive-space-9: 9px;
  --semantic-detail-gap: var(--primitive-space-4);
  --semantic-inline-gap: var(--primitive-space-8);
  --semantic-text-gap: var(--primitive-space-12);
  --semantic-item-gap: var(--primitive-space-16);
  --semantic-group-gap: var(--primitive-space-24);
  --semantic-block-gap: var(--primitive-space-32);
  --semantic-section-content-gap: var(--primitive-space-40);
  --semantic-feature-gap: var(--primitive-space-56);
  --semantic-gutter: var(--primitive-space-32);
  --semantic-section: var(--primitive-space-96);
  --semantic-page-lead: var(--primitive-space-64);
  --semantic-page-tail: var(--primitive-space-64);
  --semantic-grid: var(--primitive-space-24);
  --semantic-grid-wide: var(--primitive-space-64);
  --semantic-inset: var(--primitive-space-32);
  --semantic-inset-compact: var(--primitive-space-24);
  --semantic-inset-dense: var(--primitive-space-16);
  --semantic-inset-feature: var(--primitive-space-48);
  --semantic-paragraph: var(--primitive-space-24);
  --semantic-heading-before: var(--primitive-space-48);
  --semantic-heading-after: var(--primitive-space-24);
  --semantic-subheading-before: var(--primitive-space-32);
  --semantic-control: var(--primitive-space-48);
  --semantic-control-compact: var(--primitive-space-44);
  --semantic-button-optical: var(--primitive-space-6);
  --semantic-scroll-clearance: var(--primitive-space-12);
  --semantic-nav-gap: var(--primitive-space-24);
  --semantic-header-gap: var(--primitive-space-24);
  --semantic-footer-reserve: var(--primitive-space-72);
  --semantic-dock-reserve: var(--primitive-space-132);
  --semantic-dock-bottom: var(--primitive-space-12);
  --semantic-hero-bottom: var(--primitive-space-32);
  --semantic-hero-art-phone: var(--primitive-space-250);
  --semantic-hero-art-tablet: var(--primitive-space-260);
  --semantic-icon-inset: var(--primitive-space-10);
  --semantic-icon-inset-small: var(--primitive-space-9);
  --semantic-dock-clearance: var(--primitive-space-88);
  --semantic-select-affordance: var(--primitive-space-40);
  --semantic-spacious-group: var(--primitive-space-48);
  --semantic-large-group: var(--primitive-space-64);
  --semantic-empty-state-inset: var(--primitive-space-80);
  --semantic-footer-clearance: var(--primitive-space-96);
  --gutter: var(--semantic-gutter);
  --section-space: var(--semantic-section);
  --section-content-gap: var(--semantic-section-content-gap);
  --feature-gap: var(--semantic-feature-gap);
  --grid-gap: var(--semantic-grid);
  --grid-gap-wide: var(--semantic-grid-wide);
  --card-padding: var(--semantic-inset);
  --card-padding-compact: var(--semantic-inset-compact);
  --card-padding-dense: var(--semantic-inset-dense);
  --feature-padding: var(--semantic-inset-feature);
  --page-head-gap: var(--semantic-page-lead);
  --page-head-tail: var(--semantic-page-tail);
  --dialog-padding: var(--semantic-inset);
  --form-gap: var(--semantic-group-gap);
  --field-gap: var(--semantic-inline-gap);
  --field-padding-x: var(--semantic-item-gap);
  --field-padding-y: var(--semantic-text-gap);
  --control-height: var(--semantic-control);
  --control-height-compact: var(--semantic-control-compact);
  --button-padding-x: var(--semantic-group-gap);
  --button-padding-y: var(--semantic-button-optical);
  --accordion-row-gap: var(--semantic-group-gap);
  --accordion-answer-gap: var(--semantic-item-gap);
  --nav-panel-padding: var(--semantic-inset-compact);
  --nav-item-gap: var(--semantic-nav-gap);
  --header-item-gap: var(--semantic-header-gap);
  --prose-paragraph-gap: var(--semantic-paragraph);
  --prose-heading-before: var(--semantic-heading-before);
  --prose-heading-after: var(--semantic-heading-after);
  --prose-subheading-before: var(--semantic-subheading-before);
  --detail-gap: var(--semantic-detail-gap);
  --inline-gap: var(--semantic-inline-gap);
  --text-gap: var(--semantic-text-gap);
  --item-gap: var(--semantic-item-gap);
  --group-gap: var(--semantic-group-gap);
  --block-gap: var(--semantic-block-gap);
  --scroll-clearance: var(--semantic-scroll-clearance);
  --footer-control-reserve: var(--semantic-footer-reserve);
  --dock-control-reserve: var(--semantic-dock-reserve);
  --dock-bottom-inset: var(--semantic-dock-bottom);
  --hero-content-bottom: var(--semantic-hero-bottom);
  --hero-art-phone: var(--semantic-hero-art-phone);
  --hero-art-tablet: var(--semantic-hero-art-tablet);
  --spacious-gap: var(--semantic-spacious-group);
  --large-gap: var(--semantic-large-group);
  --empty-state-padding: var(--semantic-empty-state-inset);
  --footer-mobile-clearance: var(--semantic-footer-clearance);
  --icon-inset: var(--semantic-icon-inset);
  --icon-inset-small: var(--semantic-icon-inset-small);
  --dock-clearance: var(--semantic-dock-clearance);
  --select-affordance-inset: var(--semantic-select-affordance);
}
@media (max-width: 1400px){
  :root{
    --semantic-nav-gap: var(--primitive-space-16);
    --semantic-header-gap: var(--primitive-space-16);
  }
}
@media (max-width: 1180px){
  :root{
    --semantic-section: var(--primitive-space-80);
    --semantic-header-gap: var(--primitive-space-12);
  }
}
@media (max-width: 1000px){
  :root{
    --semantic-grid-wide: var(--primitive-space-32);
  }
}
@media (max-width: 960px){
  :root{
    --semantic-gutter: var(--primitive-space-24);
    --semantic-page-lead: var(--primitive-space-48);
    --semantic-inset: var(--primitive-space-24);
    --semantic-inset-feature: var(--primitive-space-32);
  }
}
@media (max-width: 680px){
  :root{
    --semantic-section-content-gap: var(--primitive-space-32);
    --semantic-feature-gap: var(--primitive-space-40);
    --semantic-gutter: var(--primitive-space-16);
    --semantic-section: var(--primitive-space-64);
    --semantic-page-lead: var(--primitive-space-32);
    --semantic-page-tail: var(--primitive-space-40);
    --semantic-grid: var(--primitive-space-16);
    --semantic-grid-wide: var(--primitive-space-24);
    --semantic-inset-compact: var(--primitive-space-20);
    --semantic-inset-feature: var(--primitive-space-24);
    --semantic-heading-before: var(--primitive-space-40);
    --semantic-header-gap: var(--primitive-space-8);
  }
}