/* Generated from design/vantis-ui-r07.tokens.json; do not edit.
 * Token source SHA-256: 60b4e6c1abc366f5818ec03c196ac941864f526b9cb2a84ad5498a0618eafefe
 * User-adopted project values, not lululemon source CSS.
 */
.vts-theme {
  --vts-brand: #0f2d4d;
  --vts-brand-hover: #0b233d;
  --vts-brand-pressed: #081a2d;
  --vts-brand-subtle: #eef3f8;
  --vts-surface: #ffffff;
  --vts-surface-secondary: #f5f5f4;
  --vts-text: #161616;
  --vts-text-secondary: #5f6368;
  --vts-divider: #d8dbdf;
  --vts-control-border: #747b83;
  --vts-success: #1f6b47;
  --vts-warning: #895800;
  --vts-danger: #b42318;
  --vts-scrim: rgba(0,0,0,0.32);
  --vts-font: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  --vts-body-size: 16px;
  --vts-body-leading: 1.5;
  --vts-radius-control: 4px;
  --vts-radius-sheet: 8px;
  --vts-control-height: 48px;
  --vts-control-height-compact: 40px;
  --vts-touch-target: 44px;
  --vts-drawer-width: 448px;
  --vts-admin-sidebar: 240px;
  --vts-content-max: 1440px;
  --vts-space-1: 4px;
  --vts-space-2: 8px;
  --vts-space-3: 12px;
  --vts-space-4: 16px;
  --vts-space-6: 24px;
  --vts-space-8: 32px;
  --vts-space-12: 48px;
  --vts-space-16: 64px;
  --vts-motion-control: 120ms;
  --vts-motion-panel: 220ms;
  --vts-control-height-important: 52px;
  --vts-admin-control-height: 40px;
  --vts-icon-size: 20px;
  --vts-icon-size-large: 24px;
  --vts-icon-stroke: 1.75;
  --vts-swatch-size: 32px;
  --vts-radius-media: 0px;
  --vts-table-row-height: 56px;
  --vts-table-row-height-compact: 44px;
  --vts-drawer-width-min: 400px;
  --vts-drawer-width-max: 480px;
  --vts-product-detail-min: 360px;
  --vts-product-detail-max: 440px;
  --vts-grid-columns: 12;
  --vts-grid-gap: 24px;
  --vts-page-gutter: 48px;
  --vts-heading-home-size: 40px;
  --vts-heading-home-leading: 48px;
  --vts-heading-page-size: 32px;
  --vts-heading-page-leading: 40px;
  --vts-heading-section-size: 24px;
  --vts-heading-section-leading: 32px;
  --vts-system-name-size: 20px;
  --vts-system-name-leading: 28px;
  --vts-row-title-size: 18px;
  --vts-row-title-leading: 26px;
  --vts-label-size: 14px;
  --vts-label-leading: 22px;
  --vts-table-size: 14px;
  --vts-table-leading: 22px;
  --vts-meta-size: 12px;
  --vts-meta-leading: 18px;
}
@media (min-width: 768px) and (max-width: 1199px) {
.vts-theme {
  --vts-page-gutter: 24px;
}
}
@media (max-width: 767px) {
.vts-theme {
  --vts-page-gutter: 16px;
  --vts-heading-home-size: 28px;
  --vts-heading-home-leading: 36px;
  --vts-heading-page-size: 24px;
  --vts-heading-page-leading: 32px;
  --vts-heading-section-size: 22px;
  --vts-heading-section-leading: 30px;
  --vts-system-name-size: 18px;
  --vts-system-name-leading: 26px;
  --vts-row-title-size: 17px;
  --vts-row-title-leading: 25px;
  --vts-admin-control-height: 48px;
}
}
@media (pointer: coarse) {
.vts-theme {
  --vts-admin-control-height: 48px;
}
}
@media (prefers-reduced-motion: reduce) {
.vts-theme {
  --vts-motion-control: 0ms;
  --vts-motion-panel: 0ms;
}
}
.vts-theme.vts-reduce-motion {
  --vts-motion-control: 0ms;
  --vts-motion-panel: 0ms;
}