/* ============================================================
   ПРОБА 585 — дизайн-токены. 12.09.2026
   Закрывают таблицу «дизайн-токены» из ТЗ (сайт3/сайт4).
   ============================================================ */
:root{
  --p-bg:        #F7F7F5;   /* основной фон — светлый retail, как у 585 Золотой */
  --p-card:      #FFFFFF;
  --p-ink:       #131614;   /* основной текст, почти чёрный */
  --p-ink-2:     #6B7280;   /* secondary */
  --p-green:     #0B5033;   /* brand green — цвет логомарки, суммы */
  --p-green-2:   #138B45;   /* action green — активные состояния, иконки */
  --p-green-sf:  #EEF4F0;   /* светло-зелёные подложки trust strip */
  --p-gold:      #FFB800;   /* выгода / FOMO */
  --p-gold-mat:  #F5B300;   /* matte gold — подсветка хитовой пробы */
  --p-silver:    #C7CDD2;   /* подсветка 925 пробы */
  --p-cta:       #EF3124;   /* primary CTA — красный */
  --p-cta-hover: #D2200F;
  --p-border:    #E8ECEA;
  --p-r-lg: 20px;  --p-r: 16px;  --p-r-sm: 12px;  --p-r-pill: 999px;
  --p-sh:    0 2px 10px rgba(19,22,20,.06);
  --p-sh-mid:0 8px 24px rgba(19,22,20,.10);
  --p-sh-lg: 0 16px 40px rgba(19,22,20,.14);
}

/* Единый красный CTA по ТЗ (был разнобой) */
.btn.hero-price__cta,
.btn-cta-red,
.btn.btn-cta-red{
  background: var(--p-cta) !important;
  color: #FFF !important;
  border-color: var(--p-cta) !important;
}
.btn.hero-price__cta:hover,
.btn-cta-red:hover{
  background: var(--p-cta-hover) !important;
  border-color: var(--p-cta-hover) !important;
}