/* Рацион и корзина - токены макета. Каноны: один акцент (зелень) только у главной кнопки и текущего выбора. */
@font-face { font-family: "Unbounded"; src: url("fonts/Unbounded.ttf") format("truetype"); font-weight: 200 900; font-display: swap; }
@font-face { font-family: "Manrope";   src: url("fonts/Manrope.ttf")   format("truetype"); font-weight: 200 800; font-display: swap; }

:root {
  /* поверхности */
  --bg: #F6F1E7;            /* кремовая бумага */
  --card: #FFFCF6;          /* карточки */
  --sand: #EAE2D2;          /* подложка чипов и групп */
  --line: #E3D9C6;
  --r: 20px;
  --shadow: 0 1px 0 rgba(29, 26, 22, .04), 0 10px 22px -14px rgba(70, 50, 20, .35);

  /* текст */
  --ink: #1D1A16;
  --ink-2: #7A7065;         /* вторичный на карточках: 4,8:1 */
  --ink-2-bg: #625850;      /* вторичный на бумаге и на песке: 6,1:1 (7A7065 на бумаге даёт 4,3) */

  /* единственный акцент */
  --accent: #2F6B47;        /* белый на нём: 6,3:1 */
  --on-accent: #FFFFFF;

  /* скидка (чуть темнее #C8553D, чтобы белый текст плашки давал 4,8:1, а не 4,36) */
  --sale: #BE4F38;
  --sale-spec: #C8553D;

  /* подложки под фото товаров, приглушённые */
  --tint-butter: #F1E3BE;
  --tint-clay:   #EDD6C8;
  --tint-sage:   #DCE1CD;
  --tint-sky:    #DCE3E3;
  --tint-straw:  #EFE6D2;
  --tint-rose:   #EFD9D3;

  /* шрифты */
  --f-head: "Unbounded", "Manrope", system-ui, sans-serif;
  --f-text: "Manrope", system-ui, sans-serif;
}