/**
 * в”Њв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”ђ
 * в”‚                    PIE DESIGN SYSTEM                       в”‚
 * └────────────────────────────────────────────────────────────┘
 *
 * Здесь определяются основные переменные CSS для темы pie.
 * Система построена так, чтобы легко поддерживать разные темы оформления через переопределение базовых переменных.
 *
 * Подробнее о дизайн-системе читайте в docs/design-system.
 */

:root {
  /* --- BASE COLORS --- */
  --color_1: #fed700;
  --color_2: #ffffff;
  --color_3: #2a130c;
  --color_4: #41fd13;
  --color_5: #f2f2f2;
  --color_6: #eaeaea;
  --color_7: #f3f3f3;
  --color_8: #fbf5eb;
  --color_9: #fff8e5;
  --color_10: #25130fbf;
  --color_11: #25130f;
  --color_12: #4c4c4c;
  --color_13: #ce3232;
  --color_14: #c49f7d;
  --color_img: url('/themes/pirog/buttonBg/button-fill.png');

  --color-accent: var(--color_1);

  /*
    в”Њв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”ђ
    в”‚        HEADER               в”‚
    └─────────────────────────────┘
    */
  --header_background: var(--color_2);
  --header_element_background: var(--color_3);
  --header_element: var(--color_1);
  --header_element_text: var(--color_3);

  /*
    в”Њв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”ђ
    в”‚        LAYOUT               в”‚
    └─────────────────────────────┘
    */
  --layout_background: var(--color_9);

  /*
    в”Њв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”ђ
    в”‚        DELIVERY SECTION                    в”‚
    └────────────────────────────────────────────┘
    */
  --options-picker_backgroung-img: var(--color_img);
  --options-picker_backgroung: var(--color_2);
  --delivery__section_element: var(--color_3);
  --options-picker_text-color: var(--color_3);
  --options-picker_text-color-active: var(--color_3);

  /*
    в”Њв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”ђ
    в”‚        BONUS SYSTEM SECTION                в”‚
    └────────────────────────────────────────────┘
    */
  --bonus-system__section_background-img: var(--color_img);
  --bonus-system__section_text: var(--color_3);

  /*
    в”Њв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”ђ
    в”‚        CODE INPUT SECTION                  в”‚
    └────────────────────────────────────────────┘
    */
  --code-input_text: var(--color_3);
  --code-input_input-dot: var(--color_1);

  /* Category navigation */
  --category-navigator__section_background: var(--color_2);
  --category-navigator__content_padding: 22px 0;
  --category-navigator__padding: 0 16px;
  --category-navigator__padding_xs: 0 22px;
  --category-navigator__sticky_padding: 0 20px;

  /*
    в”Њв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”ђ
    в”‚        CART MODAL           в”‚
    └─────────────────────────────┘
    */
  --cart-modal__pay_button_text: var(--color_3);
  --cart-modal__pay_button_background: #fed700; /* Жёлтая кнопка */
  --cart-modal__pay_button_hover_background: var(--color_img);
  --cart-modal__pay_button_hover_text: var(--color_3);
  --cart-modal__pay_button_disabled_background: var(--color_6);
  --category-button_text: var(--color_txt_1, var(--color_3));
  --category-button_background: #fed700;

  /*
    в”Њв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”ђ
    в”‚        BUTTONS              в”‚
    └─────────────────────────────┘
    */
  --button_primary: var(--color_1);
  --button_primary_img: var(--color_img);
  --button_primary_disabled: var(--color_6);
  --button_secondary: var(--color_5);
  --button_secondary__hover: var(--color_1);
  --button_text: var(--color_3);
  --button_text_primary: var(--color_3);
  --button_text_secondary_hover: var(--color_3);

  /*
    в”Њв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”ђ
    в”‚     SHOWCASE SECTION        в”‚
    └─────────────────────────────┘
    */
  --showcase__section_title: var(--color_3);
  --showcase__section_title_font-family: 'NauryzRedKeds';
  --showcase__section_title_letter-spacing: 2px;
  --showcase__section_title_font-size: 36px;
  --showcase__section_title_font-weight: 200;

  /*
    в”Њв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”ђ
    в”‚     PRODUCT CARD            в”‚
    └─────────────────────────────┘
    */
  --product-card_background: var(--color_2);
  --product-card_title: var(--color_3);
  --product-card_description: var(--color_3);
  --product-card_weight: var(--color_12);
  --product-card_price: var(--color_3);
  --product-card_count: var(--color_3);
  --product-card_counter_button_background: var(--color_1);
  --product-card_counter_button_text: var(--color_3);
  --product-card_counter_button_text_hover: var(--color_1);
  --product-card_add_cart_button_background: var(--color_1);
  --product-card_add_cart_button_background_hover: #eec500;
  --product-card_add_cart_button_circle: var(--color_8);
  --product-card_add_cart_button_plus: var(--color_11);
  --product-card_add_cart_button_text: var(--color_3);
  --product-card_counter_button_text_showcase: var(--color_3);
  --product-card_plus_and_minus_background: var(--color_5);

  /*
    в”Њв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”ђ
    в”‚   CART BUTTON (MOBILE)      в”‚
    └─────────────────────────────┘
    */
  --cart-button_mobile_background: var(--color_1);
  --cart-button_mobile_text: var(--color_3);
  --cart-button_mobile_element: var(--color_3);
  --cart-button_mobile_circle: var(--color_8);
  --cart-button_mobile_circle_element: var(--color_3);
  --cart-button_mobile_badge: var(--color_11);
  --cart-button_mobile_badge_text: var(--color_2);
  --cart-button_mobile_font-family: 'Onest';
  --cart-button_mobile_letter-spacing: 0.3px;

  /*
    в”Њв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”ђ
    в”‚        MODAL                в”‚
    └─────────────────────────────┘
    */
  --modal_background: var(--color_2);
  --modal_text: var(--color_3);
  --modal_text_phone: var(--color_12);
  --modal_text_2: var(--color_3);
  --modal_element_background_img: var(--color_img);
  --modal_element_background_option: var(--color_7);
  --modal_element_background_option_border_bottom: var(--color_5);
  --modal_element: var(--color_3);
  --modal_element_coin_background: var(--color_1);
  --modal_element_coin_text: var(--color_3);
  /* Мягкий фон чипа начислений в истории бонусов (25% акцента на белом) */
  --modal_element_coin_soft_background: #fef3c1;
  --token-balance_card_background: #fffdf5;
  --balance-card-gradient: linear-gradient(115deg, #fffefa 0%, #fffbef 45%, #fff0bb 100%);
  --balance-card-wave-primary: rgba(255, 221, 91, 0.18);
  --balance-card-wave-secondary: rgba(255, 208, 45, 0.14);
  --token-balance_card_border: #ffdb69;
  --token-balance_card_title: var(--color_3);
  --token-balance_card_text: var(--color_3);
  --token-balance_total_image: url('/themes/pirog/profile/coins_transparent.png');
  --token-balance_personal_image: url('/themes/pirog/profile/wallet_transparent.png');
  --token-balance_muted: #45454f;
  --token-balance_history_border: #e9e9ee;
  --modal_element_coin_balance_wrapper: var(--color_1);
  --modal_element_list_separator: var(--color_1);
  --modal_input: var(--color_5);
  /* Боковые шторки (корзина): жёстко 350px, на узких экранах режется max-width: 100% из modalSheet */
  --side-sheet-width: 350px;
  --modal_link_friends_text: var(--color_3);

  /*
    в”Њв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”ђ
    в”‚        RADIOBUTTON          в”‚
    └─────────────────────────────┘
    */
  --radioButton_circle_wrapper: var(--color_3);
  --radioButton_circle_checked: var(--color_1);
  --radioButton_circle_unchecked: var(--color_2);
  --radioButton_label_text: var(--color_3);

  /*
    в”Њв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”ђ
    в”‚          CART               в”‚
    └─────────────────────────────┘
    */
  --color-options_text: var(--color_3);
  --color-list_item_text: var(--color_3);
  --color-total_sum_payed_text: var(--color_3);
  --cart_plus_and_minus_background: var(--color_5);
  --cart_plus_and_minus_background_active: var(--color_1);

  /*
    в”Њв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”ђ
    в”‚        ITEM MENU            в”‚
    └─────────────────────────────┘
    */
  --item-menu_text: var(--color_3);
  --item-menu_text_promo: var(--color_3);
  --item-menu_promo: var(--color_8);
  --item-menu_element: var(--color_11);
  --profile-muted: #888888;
  --profile-card-text: var(--color_3);
  --profile-card-background: #fff8e5;
  --profile-icon-background: #fff6c7;
  --profile-coins-image: url('/themes/pirog/profile/coins_transparent.png');
  --profile-wallet-image: url('/themes/pirog/profile/wallet_transparent.png');
  --profile-pie-image: url('/themes/pirog/profile/pie_transparent.png');
  --profile-promo-background: var(--balance-card-gradient);
  --profile-promo-text-offset: clamp(106px, 25vw, 120px);
  --partner-referral-background: linear-gradient(115deg, #fffefa, #fcf8f0);
  --partner-referral-border: #f3eadc;
  --partner-referral-field-background: rgba(235, 229, 218, 0.5);
  --partner-tokens-background: linear-gradient(110deg, #ffe785 0%, #fff5cf 52%, #ffe675 100%);
  --partner-tokens-border: #ffe371;
  --partner-tokens-wave: rgba(255, 255, 255, 0.12);
  --partner-tokens-glow: rgba(255, 213, 47, 0.14);
  --partner-tokens-muted: #705519;
  --partner-tokens-arrow-background: #ffdb38;
  --partner-help-background: #f6f3ee;

  /*
    в”Њв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”ђ
    в”‚        CARTCOUNTER          в”‚
    └─────────────────────────────┘
    */
  --cart-counter_element: var(--color_3);
  --cart-counter_txt: var(--color_3);
  --cart-counter_element_background: var(--color_2);
  --cart-counter_background: var(--color_1);

  /*
    в”Њв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”ђ
    в”‚        CARTINFO             в”‚
    └─────────────────────────────┘
    */
  --cart-info_background: var(--color_1);
  --cart-info_text: var(--color_3);
  --cart-info_element: var(--color_3);
  --cart-info_circle_radius_fulled: var(--color_3);
  --cart-info_circle_radius: var(--color_2);

  /*
    в”Њв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”ђ
    в”‚        FOOTER               в”‚
    └─────────────────────────────┘
    */
  --footer__section_background: var(--color_11);
  --footer__section_text: var(--color_14);
  --footer__section_text_hover: var(--color_14);

  /*
    в”Њв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”ђ
    в”‚        LOADER               в”‚
    └─────────────────────────────┘
    */
  --loader-color: var(--color_3);

  /*
    в”Њв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”ђ
    в”‚     SUCCESS PAGE            в”‚
    └─────────────────────────────┘
    */
  --success-page-bg: var(
    --color_9
  ); /* #fff8e5 — тёплый кремовый фон */
  --success-title-color: var(
    --color_3
  ); /* #3c1f18 — коричневый заголовок */
  --success-text-color: var(
    --color_3
  ); /* #3c1f18 — коричневый текст */
  --success-button-bg: var(
    --color_1
  ); /* #fed700 — жёлтая кнопка */
  --success-button-text: var(
    --color_3
  ); /* #3c1f18 — коричневый текст кнопки */
  --success-button-hover-bg: var(
    --color_2
  ); /* #ffffff — белый при hover */
}