:root {
  --menu-item-height: 46px;
  --menu-item-padding: 15px;
  --submenu-padding-left: 20px;
  --color-primary: #2e7d32;
  --color-primary-dark: #1b5e20;
  --color-text: #333;
  --color-border: #ddd;
  --color-light-bg: #f5f5f5;
  --transition-speed: 0.3s;
  --box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  --megamenu-max-width: 1200px;
  --color-footer-bg: #1b1b1b; /* или вторичный брендовый #e8e8e8 */
  --color-footer-text: #eee;
  --color-footer-text-grey: #666;

  --dialog-bg: #ffffff;
  --dialog-border-radius: 24px;
  --dialog-padding: 1.75rem;
  --dialog-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --dialog-backdrop-bg: rgba(0, 0, 0, 0.5);
  --dialog-backdrop-blur: 4px;
  --dialog-input-border: #e5e7eb;
  --dialog-input-focus-ring: rgba(46, 125, 50, 0.1);
  --dialog-success-bg: #e8f5e9;
  --dialog-error-bg: #ffebee;
  --dialog-error-border: #c62828;
  --dialog-success-color: #1e4620;
  --dialog-error-color: #b71c1c;
}

@media (max-width: 768px) {
  :root {
    --menu-item-height: 40px; /* меньшая высота для мобильных */

    --dialog-padding: 1.25rem;
    --dialog-border-radius: 20px;
  }
}