/* ==========================================================================
   Design tokens
   Палитра сайта: пять цветов из макета плюс семантический слой над ними.
   ========================================================================== */

:root {
  /* --- Палитра (сырые значения) ---------------------------------------- */
  --color-grey:      #e9e9e9;
  --color-grey-dark: #d9d9d9;
  --color-black:     #000000;
  --color-white:     #ffffff;
  --color-red:       #ed6769;
  --color-red-dark:  #ab2121;

  /* --- Семантические роли ---------------------------------------------- */
  /* Фоны */
  --bg-base:         var(--color-white);
  --bg-muted:        var(--color-grey);
  --bg-card:         var(--color-grey-dark);
  --bg-inverse:      var(--color-black);

  /* Текст */
  --text-primary:    var(--color-black);
  --text-inverse:    var(--color-white);
  --text-accent:     var(--color-red-dark);

  /* Акцент / действия */
  --accent:          var(--color-red);
  --accent-hover:    var(--color-red-dark);
  --accent-contrast: var(--color-white);

  /* Границы */
  --border-subtle:   var(--color-grey);
  --border-strong:   var(--color-black);
}