/* =====================================================================
   ЛОМБАРД ДОВЕРИЕ — Дизайн-система (design tokens)
   Единый источник правды: цвета, типографика, spacing, радиусы, тени.
   Всё остальное CSS опирается только на эти переменные.
   ===================================================================== */

:root {
  /* --- Палитра бренда --- */
  --red:            #E1251B;   /* фирменный красный (кнопки, акценты) */
  --red-600:        #C41E15;   /* hover / нажатие */
  --red-700:        #A5160F;   /* активное */
  --red-050:        #FDECEB;   /* мягкая красная подложка */

  --ink:            #14110F;   /* почти чёрный (текст, тёмный футер) */
  --ink-800:        #241F1B;
  --ink-700:        #3A332E;

  --gold:           #C9A24B;   /* деликатный «золотой» акцент (звёзды, тонкие линии) */
  --gold-soft:      #EAD9B0;

  /* --- Поверхности и фон --- */
  --bg:             #FBFAF8;   /* тёплый светлый фон страницы */
  --surface:        #FFFFFF;   /* карточки */
  --surface-2:      #F4F1EC;   /* вторичная подложка */
  --line:           # EAE6E1;  /* границы */
  --line:           #EAE6E1;

  /* --- Текст --- */
  --text:           #1B1815;   /* основной */
  --text-muted:     #6B6560;   /* вторичный */
  --text-faint:     #9A938C;   /* подписи */
  --text-on-dark:   #F3EFE9;   /* текст на тёмном */
  --text-on-red:    #FFFFFF;

  /* --- Типографика --- */
  --font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;

  /* Модульная шкала (1.25) — fluid через clamp */
  --fs-hero:  clamp(2.6rem, 1.4rem + 4.6vw, 4.6rem);
  --fs-h2:    clamp(1.9rem, 1.2rem + 2.4vw, 2.9rem);
  --fs-h3:    clamp(1.25rem, 1.05rem + 0.9vw, 1.6rem);
  --fs-lead:  clamp(1.05rem, 0.98rem + 0.4vw, 1.25rem);
  --fs-body:  1rem;
  --fs-sm:    0.9rem;
  --fs-xs:    0.8rem;

  --lh-tight: 1.08;
  --lh-snug:  1.28;
  --lh-body:  1.6;

  /* --- Spacing (шаг 4px) --- */
  --sp-1: 0.25rem;  --sp-2: 0.5rem;  --sp-3: 0.75rem;  --sp-4: 1rem;
  --sp-5: 1.5rem;   --sp-6: 2rem;    --sp-7: 3rem;      --sp-8: 4rem;
  --sp-9: 6rem;     --sp-10: 8rem;

  --section-y: clamp(2.25rem, 1.6rem + 2.4vw, 4rem);   /* верт. ритм секций (компактно) */
  --container: 1200px;
  --gutter: clamp(1rem, 0.5rem + 2vw, 2rem);

  /* --- Радиусы --- */
  --r-sm: 8px;  --r-md: 14px;  --r-lg: 20px;  --r-xl: 28px;  --r-pill: 999px;

  /* --- Тени (мягкие, премиальные) --- */
  --sh-xs: 0 1px 2px rgba(20,17,15,.06);
  --sh-sm: 0 4px 14px rgba(20,17,15,.06);
  --sh-md: 0 12px 34px rgba(20,17,15,.09);
  --sh-lg: 0 28px 64px rgba(20,17,15,.14);
  --sh-red: 0 14px 34px rgba(225,37,27,.28);

  /* --- Motion --- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --dur-fast: .18s;
  --dur: .32s;
  --dur-slow: .6s;

  --z-header: 100;
  --z-modal: 200;
}