/* ═══════════════════════════════════════════════════════════════
   «Мой Хвостик» — токены бренда.
   Скелет снят с pawly-preview.html; палитра и шрифты — по §8 ТЗ:
   PREMIUM MINIMAL + WARM PET CARE.
   80–90% тёплого бежевого, 10–20% акцента. Акцент дозированно.
   ═══════════════════════════════════════════════════════════════ */

:root{
  /* ── Поверхности (сняты пипеткой с макетов) ── */
  --bg:#FCF7F1;              /* тёплый молочный фон экрана */
  --bg-deep:#F5EDE3;         /* секция-подложка, чуть глубже фона */
  --card:#FDFCF8;            /* карточка */
  --card-pure:#FFFFFF;
  --icon-bg:#F4EBE4;         /* плашка под иконку, с тёплым розовым уходом */
  --hairline:rgba(43,43,38,0.07);

  /* ── Акцент: глубокий бордово-красный ──
     У кнопки в макете лёгкий вертикальный градиент 8D3231 → 7E2322,
     поэтому храним обе точки, а не один цвет. */
  --accent:#8D3231;
  --accent-deep:#7E2322;     /* низ градиента, он же hover */
  --accent-bright:#A33631;   /* плашка логотипа — чуть светлее и теплее */
  --accent-grad:linear-gradient(180deg, #8D3231 0%, #7E2322 100%);
  --accent-soft:rgba(141,50,49,0.07);
  --accent-line:rgba(141,50,49,0.18);
  --accent-text:#FFFFFF;

  /* ── Тёплый песок: второй нейтральный, не акцент ── */
  --sand:rgba(201,178,140,0.16);
  --sand-line:rgba(201,178,140,0.40);

  /* ── Текст: тёплый графит ── */
  --text:#2B2B26;
  --text2:#5F5F57;           /* вторичный текст */
  --text3:#6D6D64;           /* мелкий поясняющий текст */
  /* Серые взяты не на глаз: исходный #8C8C82 из референса давал
     3.19:1 на фоне — ниже нормы WCAG AA (4.5:1) для основного текста.
     Эти два проходят на всех трёх фонах, включая самую тёмную подложку. */

  /* ── Служебные статусы (шкала срочности SOS) ── */
  --watch:#5E8C5A;           /* наблюдать */
  --today:#C79A3E;           /* к врачу сегодня */
  --urgent:#8D3231;          /* срочная помощь — совпадает с акцентом намеренно */

  /* ── Типографика ── */
  --serif:'Prata', Georgia, 'Times New Roman', serif;
  --sans:'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* ── Глубина ── */
  --shadow-soft:0 2px 10px rgba(43,43,38,0.04);
  --shadow:0 6px 16px rgba(43,43,38,0.06);
  --shadow-lift:0 14px 34px rgba(43,43,38,0.10);
  --shadow-phone:0 30px 70px rgba(43,43,38,0.18);

  /* ── Геометрия ── */
  --r-sm:12px;
  --r-md:16px;
  --r-lg:20px;
  --r-xl:26px;
  --r-pill:999px;

  /* ── Ритм ── */
  --gutter:24px;
  --max-w:1120px;
  --max-w-narrow:620px;
}