/* === Kinder Easy — фирменные переменные === */
:root {
  --ke-coral:      #EF7E60;
  --ke-coral-deep: #D4654A;
  --ke-sky:        #9DCFE5;
  --ke-sage:       #BBD380;
  --ke-gold:       #E8B547;
  --ke-lilac:      #B89BCE;
  --ke-peach:      #F4B687;
  --ke-cream:      #FBF4E9;
  --ke-cream-deep: #F6E8D0;
  --ke-ink:        #1F2E38;
  --ke-ink-soft:   #5A6970;
}

/* === Сглаживание шрифтов (выглядит чище на retina) === */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* === Лигатуры и стилистические варианты Fraunces === */
.t-heading,
h1, h2, h3, h4, h5 {
  font-feature-settings: "ss01", "ss02", "liga", "calt";
}

/* === Цвет выделения текста (коралл с прозрачностью) === */
::selection {
  background: rgba(239, 126, 96, 0.25);
  color: var(--ke-ink);
}

/* === Плавный скролл по якорям === */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}

/* === Кнопки — мягкий бренд-стиль === */
.t-btn,
.tn-atom__btn {
  font-weight: 500;
  letter-spacing: 0.01em;
  border-radius: 10px !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.t-btn:hover,
.tn-atom__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(31, 46, 56, 0.12);
}

/* === Ссылки в тексте: тонкое подчёркивание, без агрессии === */
.t-text a,
.t-descr a {
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: opacity 0.15s ease;
}

.t-text a:hover,
.t-descr a:hover {
  opacity: 0.65;
}

/* === Скруглённый чип (опционально, для бренд-плашек) === */
.ke-chip {
  display: inline-block;
  padding: 6px 14px;
  border: 1.5px solid var(--ke-coral-deep);
  border-radius: 999px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ke-coral-deep);
  background: transparent;
}

/* === Курсив Fraunces для акцентов в заголовках === */
.ke-italic {
  font-style: italic;
  font-feature-settings: "ss01";
}

/* === Форма: чуть аккуратнее === */
.t-input {
  border-radius: 8px !important;
  font-family: Inter, sans-serif !important;
}

.t-form .t-input-block {
  margin-bottom: 14px;
}