/* =========================================================
   Дизайн-токены Pawology
   Цвет акцента зависит от питомца: body[data-pet="dog|cat"]
   ========================================================= */
:root {
  /* Бренд */
  --green: #7DA468;
  --green-deep: #5E8A4A;
  --green-soft: #E7EFDF;
  --pink: #FF8484;
  --pink-deep: #EE6767;
  --pink-soft: #FFE7E4;
  --orange: #F28043;
  --orange-deep: #DE6A2B;

  /* Нейтральные */
  --page: #F4F2ED;
  --surface: #FFFFFF;
  --ink: #23301E;
  --ink-2: #5B6556;
  --ink-3: #8F978A;
  --line: #E4E1D8;

  /* Активная тема (по умолчанию — собаки) */
  --card: var(--green);
  --accent: var(--green);
  --accent-deep: var(--green-deep);
  --accent-soft: var(--green-soft);
  --accent-alt: var(--pink);     /* контрастный «второй» цвет бренда */

  /* Типографика */
  --font-display: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Формы */
  --r-xl: 32px;
  --r-lg: 24px;
  --r-md: 18px;
  --r-pill: 999px;

  /* Движение */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.76, 0, .24, 1);
  --t-theme: .8s;

  /* Размеры */
  --hdr-h: 60px;
  --gutter: 12px;
  --page-x: 28px;   /* единая левая линия текста во всех секциях */
  --shadow-soft: 0 10px 30px -12px rgba(35, 48, 30, .18);
}

@media (min-width: 640px) { :root { --page-x: 44px; } }

@media (min-width: 1024px) {
  :root {
    --hdr-h: 80px;
    --gutter: 16px;
    --page-x: 72px;
  }
}

body[data-pet="cat"] {
  --card: var(--pink);
  --accent: var(--pink);
  --accent-deep: var(--pink-deep);
  --accent-soft: var(--pink-soft);
  --accent-alt: var(--green);
}