/* ============================================================
   ЦВЕТА И ШРИФТЫ САЙТА

   Правьте значения, сохраняйте, обновляйте страницу.
   Перезапускать сервер не нужно.

   Светлая «промышленная» схема: тёплая бумага, красный hot-rod,
   золото как второй акцент, тёмные блоки для контраста.
   ============================================================ */

:root {
  /* --- Фон и поверхности --- */
  --ground: #fbf8f5;     /* общий фон страницы, тёплая бумага */
  --surface: #fffdfb;    /* панели и карточки */
  --surface-2: #ffffff;  /* панели, которые должны быть светлее фона карточек */
  --surface-3: #f4efe9;  /* наведение мышью */

  /* Тёмные блоки-контрасты: бегущая строка, шапки панелей, CTA, кабинет */
  --dark: #1b1613;
  --dark-2: #241d19;      /* блок внутри тёмного */
  --on-dark: #f6f1ec;     /* текст на тёмном */
  --on-dark-soft: rgba(246, 241, 236, 0.66);

  /* --- Линейки и рамки. Тонкие, в цвет бумаги --- */
  --rule: #e4dcd4;
  --rule-strong: #dcd2c8;

  /* --- Текст --- */
  --ink: #1b1613;                      /* основной */
  --ink-soft: rgba(27, 22, 19, 0.72);  /* абзацы */
  --ink-faint: rgba(27, 22, 19, 0.52); /* подписи, технические подсказки */

  /* --- Акцент. Меняете эти — меняется весь сайт --- */
  --accent: #c4162a;       /* hot-rod red: заголовки, цифры, кнопки */
  --accent-mid: #c4162a;   /* заливка кнопок */
  --accent-deep: #8f0f1e;  /* тень кнопок и рамки выделенных блоков */
  --accent-wash: rgba(196, 22, 42, 0.07);   /* лёгкая заливка */
  --accent-glow: rgba(196, 22, 42, 0.16);   /* пятна на фоне */

  /* --- Второй акцент --- */
  --gold: #c9922c;
  --gold-deep: #9a6f1f;
  --gold-wash: rgba(201, 146, 44, 0.12);

  /* Кнопка «вдавливается» при нажатии — отсюда плоская тень без размытия */
  --btn-shadow: 0 3px 0 var(--accent-deep);

  /* --- Служебные --- */
  --red: #c4162a;
  --success: #1f7a3d;  /* строка скидки, статусы OK */
  --danger: #b45309;   /* не хватает средств */

  /* --- Шрифты --- */
  /* Меняя эти, не забудьте подключить шрифт в base.html */
  --display: "Archivo", system-ui, -apple-system, sans-serif;  /* заголовки */
  --sans: "Archivo", system-ui, -apple-system, sans-serif;     /* текст */
  --mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* --- Скругления. Схема «инженерная»: почти прямые углы --- */
  --r-sm: 4px;    /* кнопки, поля */
  --r-md: 6px;    /* карточки */
  --r-lg: 6px;    /* крупные блоки */
  --r-pill: 999px;

  /* --- Боковые отступы страницы --- */
  --pad: clamp(1.25rem, 4vw, 3rem);
}

/* Косая красно-золотая «предупреждающая» полоса.
   Класс вешается на элемент, который должен её показать. */
.warnstripe {
  background-image: repeating-linear-gradient(
    115deg,
    var(--accent) 0 10px,
    var(--accent-deep) 10px 20px,
    var(--gold) 20px 30px,
    var(--gold-deep) 30px 40px
  );
}