@import url("/assets/fonts/X5Sans/X5Sans.css");

:root {
  --font-main: "X5Sans", "Nunito Sans", sans-serif;
  --font-base: "X5Sans", "Nunito Sans", sans-serif;
  --font-family: "X5Sans", "Nunito Sans", sans-serif;
  --component-inner-bg-radius-mobile: 4px;
  --component-inner-bg-radius-desktop: 4px;
  --component-card-radius: 4px;
  --component-media-radius-mobile: 4px;
  --component-media-radius-desktop: 4px;
  --header-media-radius-mobile: 4px;
  --header-media-radius-desktop: 4px;
  --lt-item-radius: 4px;
  --cg-card-radius: 4px;
  --cg-card-max-width: none;
  --cg-grid-gap: 24px;
  --form-notice-panel-radius-mobile: 4px;
  --catalog-menu-control-radius: 4px;
  --catalog-menu-arrow-radius: 4px;
  --catalog-submenu-radius: 4px;
  --share-panel-radius: 4px;
  --share-icon-radius: 4px;
  --map-history-radius: 4px;
  --map-history-item-radius: 4px;
  --map-placemark-radius-mobile: 4px 4px 0 0;
  --map-placemark-radius-desktop: 4px;
  --map-balloon-radius: 4px;
  --map-control-radius: 4px;
  --slider-nav-radius: 4px;
  --slider-pagination-radius: 4px;
  --reward-card-radius: 4px;
  --reward-action-radius: 4px;

  /* Example render-core project visual overrides:
  --fm-field-font-family: "Your Brand Font", "Helvetica Neue", Arial, sans-serif;
  --form-notice-repeat-color: #9E6BFF;
  --form-notice-repeat-bg-hover: rgba(158, 107, 255, 0.06);
  --form-notice-repeat-font-family: var(--font-main);
  --component-highlight-outline: #6F22FF;
  --component-inner-bg-radius-mobile: 20px;
  --component-inner-bg-radius-desktop: 40px;
  --map-error-icon-color: #E52322;
  --form-notice-panel-radius-mobile: 20px;
  --cui-checkbox-accent: #6F22FF;
  --cui-checkbox-focus-outline: rgba(111, 34, 255, 0.3);
  --catalog-menu-control-radius: 20px;
  --catalog-submenu-radius: 20px;
  --share-panel-radius: 20px;
  --map-history-radius: 20px;
  --map-placemark-radius-mobile: 30px 30px 0 0;
  --map-placemark-radius-desktop: 30px;
  --slider-nav-radius: 12px;
  --slider-pagination-radius: 12px;
  --reward-card-radius: 12px;
  --reward-action-radius: 8px;
  */
}