/* ============================================================
   Imperia Dent — дизайн-токены v9
   Источник истины. Все фрагменты используют только эти значения.

   ЧТО ИЗМЕНИЛОСЬ ПРОТИВ v8 И ПОЧЕМУ
   Палитра v8 (--paper:#FDFBF7 холодный белый + --esp:#2E2618 графит)
   строилась до того, как появилась фотосессия 16.08. Замеры съёмки:
   тон стены в светах #FFF0E0, в тенях #ECC9A2 — насыщенный тёплый песок.
   Холодный белый рядом с ним читается как брак цветокоррекции, а графит
   #2E2618 — как чужая вставка. Бронза контура логотипа тоже мягче, чем
   --gold:#C9A268 в v8: замер даёт #9D8776 — розовое золото, не жёлтое.

   Заморозка клиента соблюдена: палитра «слоновая кость + бронза из
   логотипа», чередование светлых и тёмных секций, мягкие скругления.
   Сдвинуты только температура и глубина — внутри той же семьи.
   ============================================================ */

:root{
  /* --- ПОВЕРХНОСТИ (светлые) ------------------------------- */
  --paper:      #FBF5EC;   /* основной фон: теплее v8, светлее стены клиники,
                              чтобы фото читалось как объект, а не сливалось */
  --sand:       #F3E6D5;   /* чередующаяся секция — тон стены в светах */
  --sand-deep:  #E9D5BC;   /* фон карточек и плашек — тон стены в тенях */

  /* --- ПОВЕРХНОСТИ (тёмные) -------------------------------- */
  --umber:      #3E3128;   /* тёмные секции. Тёплая умбра вместо графита:
                              на ней песочное фото не выглядит инородным */
  --umber-deep: #2F251E;   /* футер, глубже на один шаг */

  /* --- ТЕКСТ ------------------------------------------------ */
  --ink:        #33291F;   /* основной. Тёплый графит, не чёрный */
  --ink-soft:   #6B5C4C;   /* вторичный */
  --ink-mute:   #A2907B;   /* подписи, метки */
  --cream:      #F6ECDC;   /* текст на тёмном */
  --cream-soft: rgba(246,236,220,.66);
  --cream-faint:rgba(246,236,220,.40);

  /* --- БРОНЗА (замерена с логотипа IMG_1466) ---------------- */
  --bronze:     #A8845F;   /* акцент, контур логотипа */
  --bronze-lt:  #C9A87E;   /* блик на тёмном фоне */
  --rose:       #B79378;   /* розовый подтон логотипа */
  --bronze-ink: #8A6A49;   /* бронза, читаемая как текст на светлом (AA) */

  /* --- ЛИНИИ ------------------------------------------------ */
  --line:       rgba(51,41,31,.14);
  --line-soft:  rgba(51,41,31,.07);
  --line-dark:  rgba(246,236,220,.16);

  /* --- ТИПОГРАФИКА ------------------------------------------ */
  /* 18.08: дисплейная роль — гротеск капсом, как вся полиграфия клиники.
     Playfair остался в одной роли — цитата-кредо врача (--serif). */
  --disp:   'Inter', -apple-system, 'Segoe UI', sans-serif;
  --serif:  'Playfair Display', Georgia, serif;
  --ff:     'Inter', -apple-system, 'Segoe UI', sans-serif;
  --script: 'Parisienne', cursive;                   /* только подпись основателей */

  /* Шкала. Против v8 масштаб перераспределён: самое крупное на странице —
     ИМЯ ВРАЧА, а не слоган. Структура кодирует концепцию «лечит ваш врач». */
  --t-hero:   clamp(38px, 5.4vw, 68px);   /* h1 — сдержаннее v8 (было 82px) */
  --t-name:   clamp(30px, 4.6vw, 58px);   /* имя врача — доминанта секции */
  --t-h2:     clamp(26px, 3.1vw, 40px);   /* заголовок секции — тише имени */
  --t-h3:     clamp(19px, 1.9vw, 24px);
  --t-lead:   clamp(16px, 1.35vw, 18.5px);
  --t-body:   16.5px;
  --t-small:  14px;
  --t-eyebrow:11px;

  --lh-tight: 1.08;
  --lh-head:  1.16;
  --lh-body:  1.68;
  --ls-eyebrow: .22em;
  --ls-caps:    .09em;   /* капс кириллицы требует больше трекинга, чем латиница */

  /* --- РАЗМЕРЫ ---------------------------------------------- */
  --wrap:     1240px;
  --pad-x:    clamp(20px, 4vw, 48px);
  --sec-y:    clamp(88px, 10vw, 136px);
  --head-mb:  clamp(36px, 5.2vw, 64px);

  --r-btn:   12px;   /* заморожено клиентом */
  --r-card:  16px;
  --r-photo: 18px;

  /* --- ДВИЖЕНИЕ --------------------------------------------- */
  --e:      cubic-bezier(.22,.61,.36,1);   /* единственная кривая на сайте */
  --e-out:  cubic-bezier(.16,.84,.44,1);
  --d-fast: .28s;
  --d-base: .42s;
  --d-slow: .85s;

  /* --- ТЕНИ ------------------------------------------------- */
  --sh-card: 0 18px 46px rgba(51,41,31,.09);
  --sh-lift: 0 26px 60px rgba(51,41,31,.15);
  --sh-btn:  0 10px 26px rgba(168,132,95,.30);
}

/* Тёмный «пол» страницы: без него на iOS при овер-скролле вылезает
   белая полоса (грабля №4 из handoff) */
html{ background: var(--umber-deep); }

/* Старостильные цифры Playfair проваливаются под базовую линию —
   «43 этаж» и цены обязаны быть с lining-nums (грабля №5) */
.num, .price, .eyebrow, time{
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1;
}

:focus-visible{
  outline: 2px solid var(--bronze);
  outline-offset: 3px;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important; animation-iteration-count:1 !important;
    transition-duration:.01ms !important; scroll-behavior:auto !important;
  }
}