/* SuDu UI 1.1.0. Maintained in SectionSevenGroup/sudu/packages/ui.
   Apps map their semantic roles to these tokens; workflows own their layout. */
:root {
  --su-font: 'Urbanist', Arial, sans-serif;
  --su-font-code: ui-monospace, SFMono-Regular, Consolas, monospace;
  --su-off-white: #F3F1EA;
  --su-charcoal: #121110;
  --su-burnt: #C0431F;
  --su-ink: #171613;
  --su-secondary: #67655D;
  --su-light-ink: #F5F3EC;
  --su-dark-body: #EAE9E6;
  --su-plate: #E8E5DC;
  --su-gutter: clamp(20px, 4.5vw, 64px);
  --su-rail: 1760px;
  --su-inset: max(var(--su-gutter), calc((100% - var(--su-rail)) / 2));
  --su-control-height: 44px;
  --su-control-radius: 4px;
  --su-preference-width: 64px;
  --su-preference-height: 24px;
  --su-space-1: 4px;
  --su-space-2: 8px;
  --su-space-3: 12px;
  --su-space-4: 16px;
  --su-space-5: 20px;
  --su-space-6: 24px;
  --su-space-7: 28px;
  --su-space-8: 32px;
  --su-space-9: 36px;
  --su-weight-regular: 400;
  --su-weight-medium: 500;
  --su-weight-heading: 600;
  --su-weight-strong: 700;
  --su-type-page: 36px;
  --su-type-panel: 24px;
  --su-type-section: 22px;
  --su-type-subsection: 18px;
  --su-type-record: 18px;
  --su-type-body: 15px;
  --su-type-table: 14px;
  --su-type-meta: 13px;
  --su-type-micro: 12px;
  --su-type-input: 16px;
  --su-type-metric: 32px;
  --su-type-app: 20px;
  --su-leading-page: 1.15;
  --su-leading-heading: 1.25;
  --su-leading-subheading: 1.35;
  --su-leading-body: 1.5;
  --su-leading-label: 1.4;
  --su-tracking-page: -0.03em;
  --su-tracking-heading: -0.015em;
  --su-tracking-label: 0.06em;
}
@media (max-width: 1100px), (max-width: 1366px) and (pointer: coarse) {
  :root { --su-type-page: 34px; }
}
@media (max-width: 767px) {
  :root {
    --su-type-page: 28px;
    --su-type-section: 20px;
    --su-type-metric: 28px;
    --su-type-app: 18px;
  }
}