/* ==========================================================================
   theme.css — ВСЁ что относится к дизайну.
   ТОЛЬКО ЭТОТ ФАЙЛ меняется при смене темы/бренда дилера.
   HTML, JS и остальные CSS — не трогать.

   Подключается ПЕРВЫМ перед base.css.
   ========================================================================== */

/* --- Google Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@600;700&family=Source+Sans+3:wght@400;600;700&family=IBM+Plex+Mono:wght@400;600;700&display=swap');

:root {
  /* ── Цвета фона ──────────────────────────────────────────────────────── */
  --color-bg:           #f5f0e6;   /* фон страницы                        */
  --color-surface:      #fffdf8;   /* карточки                            */
  --color-surface-soft: #f2ece0;   /* вложенные плитки                    */
  --color-surface-tint: #eaf0ea;   /* блоки доверия                       */

  /* ── Цвета линий ─────────────────────────────────────────────────────── */
  --color-line:         #ddd4c2;
  --color-line-strong:  #c3b79e;

  /* ── Цвета текста ────────────────────────────────────────────────────── */
  --color-ink:          #221f1a;   /* основной текст                      */
  --color-ink-muted:    #57503f;   /* подписи                             */
  --color-ink-soft:     #6f6757;   /* второстепенное                      */

  /* ── Акцентные цвета ────────────────────────────────────────────────── */
  --color-accent:       #1d4a35;   /* кнопки, ссылки                      */
  --color-accent-dark:  #143526;   /* hover кнопок                        */
  --color-accent-soft:  #dfe8e0;   /* фон тегов, ghost-hover              */
  --color-second:       #8a6a2f;   /* второй акцент (цена была, звёзды)   */
  --color-second-soft:  #f0e6d0;

  /* ── Статус-бейджи ──────────────────────────────────────────────────── */
  --brick:  #9e3a2b;   /* Reserved — красный */
  --brass:  #8a6a2f;   /* Pending Sale — жёлтый */

  /* ── Шрифты ──────────────────────────────────────────────────────────── */
  --font-heading: 'Bitter', 'Georgia', 'Times New Roman', serif;
  --font-body:    'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --font-mono:    'IBM Plex Mono', 'SF Mono', Menlo, Consolas, monospace;

  /* ── Типографика ─────────────────────────────────────────────────────── */
  --fs-base:    18px;
  --fs-small:   16px;
  --fs-label:   14px;
  --fs-micro:   12px;
  --fs-h1:      38px;
  --fs-h2:      26px;
  --fs-h3:      20px;
  --fs-price:   44px;
  --fs-title:   25px;

  /* ── Форма ───────────────────────────────────────────────────────────── */
  --radius-lg:  4px;    /* почти прямые углы — стиль документа            */
  --radius-md:  3px;
  --radius-sm:  2px;
  /* Углы кнопок были то 0, то 3, то 6 пикселей — на одном экране рядом
     стояли три разные формы. Один токен на все действия сайта. */
  --radius-btn: 6px;

  /* ── Высоты действий ──────────────────────────────────────────────────
     Было одиннадцать разных: 32, 44, 46, 48, 49, 52, 53, 56, 60, 62, 64.
     Осталось три ступени, ниже 44 не опускаемся — это минимум под палец. */
  --h-btn-sm:   44px;
  --h-btn:      48px;
  --h-btn-lg:   56px;

  /* ── Тени ────────────────────────────────────────────────────────────── */
  --shadow:      0 1px 2px rgba(34,31,26,.05);
  --shadow-lift: 0 2px 6px rgba(34,31,26,.09), 0 10px 24px rgba(34,31,26,.07);
  --shadow-btn:  0 4px 12px rgba(29,74,53,.26);
  --shadow-up:   0 -2px 14px rgba(34,31,26,.13);

  /* ── Анимации ────────────────────────────────────────────────────────── */
  --dur:      .16s;
  --dur-slow: .26s;
  --ease:     cubic-bezier(.2, .7, .3, 1);
}