/* ==========================================================================
   guiaenvalencia.com — дизайн-токены
   Источник палитры — фотографии самой Александры: валенсийская азулежу
   (кобальт по охре), известняк старого города, апельсиновые деревья.
   ========================================================================== */

:root {
  /* --- Цвет: поверхности ------------------------------------------------ */
  --c-bg:            #FAF6F0;   /* тёплый известняк — основной фон */
  --c-bg-sunk:       #F2EBE0;   /* «утопленные» секции, чередование ритма */
  --c-surface:       #FFFFFF;   /* карточки */
  --c-surface-ink:   #12294A;   /* тёмные секции: глубокий кобальт, не чёрный */

  /* --- Цвет: чернила и текст -------------------------------------------- */
  --c-ink:           #16294A;   /* заголовки — азулежу в тени */
  --c-text:          #2E3A4D;   /* основной текст */
  --c-text-muted:    #6E7484;   /* подписи, метаданные */
  --c-text-on-dark:  #F4EFE7;
  --c-text-on-dark-muted: rgba(244, 239, 231, .72);

  /* --- Цвет: бренд ------------------------------------------------------- */
  --c-azulejo:       #2A5DA8;   /* кобальт с плитки — ссылки, акценты */
  --c-azulejo-deep:  #1B3F78;
  --c-azulejo-pale:  #D5E1F2;   /* белo-голубые завитки узора */
  --c-socarrat:      #C08340;   /* охра-подложка плитки */
  --c-naranja:       #D2541C;   /* апельсин — только CTA и цена */
  --c-naranja-hot:   #B5451480;

  /* --- Цвет: служебное --------------------------------------------------- */
  --c-line:          #E3D9C9;   /* разделители по тёплому фону */
  --c-line-soft:     #EFE7DA;
  --c-focus:         #D2541C;   /* видимый фокус — доступность */

  /* --- Типографика ------------------------------------------------------- */
  /* Cormorant — только крупно (≥28px): изящна, но хрупка в мелком кегле.
     Manrope — весь интерфейс и текст, отличная кириллица. */
  --f-display: "Cormorant Garamond", "Times New Roman", Georgia, serif;
  --f-text:    "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --fs-xs:   0.8125rem;   /* 13 — метки, оверлайны */
  --fs-sm:   0.9375rem;   /* 15 — подписи */
  --fs-base: 1.0625rem;   /* 17 — основной текст */
  --fs-lg:   1.1875rem;   /* 19 — лид-абзац */
  --fs-xl:   1.5rem;      /* 24 */
  --fs-2xl:  clamp(1.75rem, 1.3rem + 1.9vw, 2.5rem);    /* h3 / название тура */
  --fs-3xl:  clamp(2.25rem, 1.6rem + 2.8vw, 3.5rem);    /* h2 секции */
  --fs-4xl:  clamp(2.75rem, 1.7rem + 4.6vw, 5.25rem);   /* h1 hero */

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

  --ls-over:  0.14em;    /* оверлайн-метки капсом */
  --ls-tight: -0.015em;

  /* --- Ритм -------------------------------------------------------------- */
  --s-1: 0.25rem;  --s-2: 0.5rem;   --s-3: 0.75rem;  --s-4: 1rem;
  --s-5: 1.5rem;   --s-6: 2rem;     --s-7: 3rem;     --s-8: 4rem;
  --s-9: 6rem;     --s-10: 8rem;

  /* Вертикальный ритм секций. Значение удваивается на стыке (низ одной + верх
     следующей), поэтому 8rem давали 256 px пустоты между блоками — слишком воздушно.
     5,5rem дают 176 px на стыке: секции читаются раздельно, но не разваливаются. */
  --section-y: clamp(3rem, 2rem + 3vw, 5.5rem);
  --gutter:    clamp(1.25rem, 0.6rem + 2.6vw, 3rem);
  --measure:   68ch;          /* комфортная длина строки */
  --w-page:    1280px;
  --w-narrow:  760px;

  /* --- Форма ------------------------------------------------------------- */
  --r-sm: 4px;  --r-md: 8px;  --r-lg: 14px;  --r-pill: 999px;

  --sh-1: 0 1px 2px rgba(22, 41, 74, .05), 0 2px 8px rgba(22, 41, 74, .04);
  --sh-2: 0 2px 4px rgba(22, 41, 74, .06), 0 12px 28px rgba(22, 41, 74, .09);
  --sh-3: 0 4px 8px rgba(22, 41, 74, .07), 0 24px 56px rgba(22, 41, 74, .14);

  /* --- Движение ---------------------------------------------------------- */
  --e-out:  cubic-bezier(.22, .61, .36, 1);
  --e-soft: cubic-bezier(.4, 0, .2, 1);
  --t-fast: .18s;
  --t-base: .32s;
  --t-slow: .6s;
}

/* Уважаем настройку «уменьшить движение» — это не опция, а требование. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}