/* Дизайн-система «Кухня». Все цвета, шрифт, скругления и тени панели - здесь.
   Чтобы сменить оформление, меняйте только значения переменных в этом файле. */

@font-face {
  font-family: "Nunito";
  src: url("fonts/Nunito.ttf") format("truetype");
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Фон и поверхности */
  --bg: #FAF6F0;            /* молочный фон */
  --surface: #FFFFFF;       /* карточки */
  --surface-glass: rgba(255, 255, 255, 0.72); /* плавающее меню с размытием */
  --line: #ECE4D8;          /* линии и рамки */
  --rail: #2E2A26;          /* «чековая лента» - темная полоса с тикетами */
  --ticket: #FFFDF9;        /* бумага тикета */

  /* Текст */
  --text: #2E2A26;          /* основной */
  --text-muted: #8A8077;    /* второстепенный */
  --text-on-rail: #FAF6F0;  /* текст на темной полосе */

  /* Акценты */
  --accent: #C8553D;        /* терракота: кнопки, активный пункт, прогресс */
  --accent-strong: #A9432F; /* терракота при нажатии */
  --accent-soft: #F6E3DE;   /* светлая терракота: фон активного пункта */
  --ok: #7A9E7E;            /* шалфей: готово, пройдено, норма */
  --ok-soft: #E6EFE7;
  --danger: #D64545;        /* проблема */
  --danger-soft: #FBE3E3;
  --warn: #E3A72F;          /* внимание */
  --warn-soft: #FBF0D9;
  --warn-text: #93650F;     /* текст на светло-желтом */

  /* Шрифт */
  --font: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
  --weight-heading: 600;
  --weight-text: 400;
  --weight-number: 700;

  /* Форма */
  --radius-lg: 24px;        /* крупные блоки */
  --radius: 16px;           /* карточки и кнопки */
  --radius-small: 12px;     /* поля, пункты меню */
  --shadow: 0 1px 2px rgba(46, 42, 38, 0.04), 0 8px 24px rgba(46, 42, 38, 0.06);
  --shadow-float: 0 12px 40px rgba(46, 42, 38, 0.14);
  --tap: 52px;              /* высота кнопок: удобно нажимать пальцем */
}