/* Layon Natural 1.3.22. Original Layon.ru palette requested by Vladimir 2026-10-03.
   Source: brand-style.json. Shared tokens; private staging rollout recorded in brand-style.json. */
:root {
  --layon-paper: #ffffff;
  --layon-cream: #f7f7f7;
  --layon-ink: #333333;
  --layon-secondary: #5c5c5c;
  --layon-unavailable-text: #999999;
  --layon-rating-gold: #bb8318;
  --layon-bonus-surface: #fff4d6;
  --layon-bonus-outline: #b17b20;
  --layon-bonus-ink: #85550d;
  --layon-bonus-panel: #fffbf2;
  --layon-accent: #1b2738;
  --layon-primary: #13a7dd;
  --layon-primary-foreground: #ffffff;
  --layon-primary-hover: #1fb5ec;
  --layon-logo-blue: #00a8d8;
  --layon-button-soft: #f7f7f7;
  --layon-control-border: #808080;
  --layon-line: #ededed;
  --layon-warm: #f7f7f7;
  --layon-font: 'Onest', Arial, sans-serif;
  --layon-weight-regular: 400;
  --layon-weight-medium: 500;
  --layon-weight-semibold: 600;
  --layon-button-radius: 6px;
  --layon-card-radius: 10px;
  --layon-border-width: 1px;
  --layon-card-shadow: 0 0 5px rgb(0 0 0 / 30%);
  --layon-product-image-background: transparent;
  --layon-product-image-padding: 0px;
  --layon-product-image-ratio: 3 / 5;
  --layon-product-main-ratio: 9 / 10;
  --layon-menu-group-width: 180px;
  --layon-menu-promo-width: 260px;
  --layon-menu-touch-target: 48px;
  --layon-feedback-sidebar-width: 220px;
  --layon-rating-target: 44px;
  --layon-space-1: 4px;
  --layon-space-2: 8px;
  --layon-space-3: 12px;
  --layon-space-4: 16px;
  --layon-space-6: 24px;
  --layon-space-8: 32px;
  --layon-space-12: 48px;
  --layon-space-16: 64px;
  --layon-space-20: 80px;
  --layon-content-max-width: 1600px;
  --layon-content-side-padding: 5.5%;
}