/* Generated from docs/design/mini-app/tokens.json by generate-tokens.mjs. */
:root {
  --color-bg: #FAF9F5;
  --color-surface: #FFFFFF;
  --color-text: #141413;
  --color-text-muted: #5C5C55;
  --color-accent: #C1502E;
  --color-accent-hover: #8F3B21;
  --color-line: #D6D3CA;
  --color-tile-cabinet: #E8E5DD;
  --color-tile-appliance: #D2D4CF;
  --color-tile-filler: #EFEDE7;
  --color-worktop: #D8D4C8;
  --color-insert-line: #C9C5BA;
  --color-niche-a: #E2DECF;
  --color-niche-b: #F6F4EF;
  --color-disabled-bg: #EDEBE4;
  --color-disabled-line: #E2DED5;
  --color-disabled-text: #8C877D;
  --pattern-niche: repeating-linear-gradient(45deg, var(--color-niche-a) 0 4px, var(--color-niche-b) 4px 10px);
  --pattern-remainder-border: 1px dashed var(--color-text-muted);
  --font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-size-caption: 11px;
  --font-size-label: 12px;
  --font-size-body: 13px;
  --font-size-tile-width: 14px;
  --font-size-title: 16px;
  --font-size-screen-title: 17px;
  --font-size-catalog-status: 10px;
  --font-size-catalog-number: 18px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 600;
  --size-screen-width: 390px;
  --size-screen-height: 844px;
  --size-gutter: 16px;
  --size-header: 48px;
  --size-bottom-nav: 68px;
  --size-desktop-max: 480px;
  --size-icon-order: 26px;
  --size-icon-nav: 21px;
  --size-line-width: 1px;
  --size-touch-min: 44px;
  --size-filler-callout-width: 144px;
  --size-filler-callout-height: 48px;
  --size-filler-callout-leader: 16px;
  --size-row-upper: 190px;
  --size-row-lower: 220px;
  --size-worktop-band: 20px;
  --size-worktop-band-inserts: 40px;
  --size-insert-height: 26px;
  --size-plinth-band: 18px;
  --size-radius-field: 10px;
  --size-radius-card: 12px;
  --size-border-selected: 2px;
  --size-catalog-card-width: 110px;
  --size-catalog-card-height: 88px;
  --size-catalog-mini-width: 280px;
  --size-catalog-mini-upper: 58px;
  --size-catalog-mini-lower: 84px;
  --size-legend-width: 16px;
  --size-legend-height: 12px;
  --size-insert-top: 7px;
  --size-insert-radius-sink: 5px;
  --size-insert-radius-hob: 2px;
  --size-insert-drain: 6px;
  --size-insert-burner: 8px;
  --size-faucet-width: 22px;
  --size-faucet-height: 24px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
}