/* =====================================
   ELSA DESIGN SYSTEM v1.0
   ===================================== */

:root{

  /* Цвета */
  --bg:#3D251E;
  --accent:#D5321F;
  --cream:#6E473B;
  --line:#A67A63;
  --gold:#E8DFD8;

  /* Контент */
  --container:1160px;

  /* Шрифты */
  --font-title:'Balkara', serif;
  --font-body:'TildaSans', sans-serif;

  /* Desktop */
  --h1:45px;
  --h2:30px;
  --h3:18px;

  --body:18px;
  --small:14px;

  --radius:36px;

}

/* ------------------
   Общие стили
------------------- */

html{
  scroll-behavior:smooth;
}

body{
  background:var(--cream);
  color:var(--bg);
  font-family:var(--font-body);
  font-size:var(--body);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}

/* Кнопки */

.elsa-btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:2px 15px;
  border-radius:30px;
  text-decoration:none;
  font-family:var(--font-title);
  font-size:22px;
  transition:.35s;
  cursor:pointer;
}

.elsa-btn-primary{
  background:var(--accent);
  color:#fff;
}

.elsa-btn-primary:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
}

.elsa-btn-line{
  border:1px solid var(--line);
  color:var(--cream);
}

.elsa-btn-line:hover{
  background:rgba(255,255,255,.05);
}

/* Карточки */

.elsa-card{
  background:var(--bg);
  border-radius:var(--radius);
  overflow:hidden;
}

/* Линии */

.elsa-line{
  border-color:rgba(166,122,99,.45);
}


/* ---------- Заголовки ---------- */

.elsa-h1 .tn-atom{
  font-family:'Balkara', serif !important;
  font-size:45px !important;
  line-height:1.50 !important;
}

.elsa-h2 .tn-atom{
  font-family:'Balkara', serif !important;
  font-size:35px !important;
  line-height:1.5 !important;
}

.elsa-h3 .tn-atom{
  font-family:'Balkara', serif !important;
  font-size:20px !important;
  line-height:1.5 !important;
}

/* ---------- Основной текст ---------- */

.elsa-text .tn-atom{
  font-family:'TildaSans', sans-serif !important;
  font-size:18px !important;
  line-height:1.5 !important;
}

.elsa-small .tn-atom{
  font-family:'TildaSans', sans-serif !important;
  font-size:14px !important;
  line-height:1.5 !important;
}

/* ---------- Адаптив ---------- */

/* ---------- DESKTOP ---------- */

.elsa-h1 .tn-atom{
  font-family:'Balkara', serif !important;
  font-size:45px !important;
  line-height:1.50 !important;
}

.elsa-h2 .tn-atom{
  font-family:'Balkara', serif !important;
  font-size:30px !important;
  line-height:1.5 !important;
}

.elsa-h3 .tn-atom{
  font-family:'Balkara', serif !important;
  font-size:20px !important;
  line-height:1.05 !important;
}

/* ---------- TABLET ---------- */

@media (max-width:980px){

  .elsa-h1 .tn-atom{font-size:30px !important;}
  .elsa-h2 .tn-atom{font-size:25px !important;}
  .elsa-h3 .tn-atom{font-size:16px !important;}

  .elsa-text .tn-atom{font-size:16px !important;}
}

/* ---------- MOBILE ---------- */

@media (max-width:640px){

  .elsa-h1 .tn-atom{font-size:22px !important;}
  .elsa-h2 .tn-atom{font-size:18px !important;}
  .elsa-h3 .tn-atom{font-size:16px !important;}

  .elsa-text .tn-atom{font-size:15px !important;}
}

/* ---------- SMALL MOBILE ---------- */

@media (max-width:480px){

  .elsa-h1 .tn-atom{font-size:24px !important;}
  .elsa-h2 .tn-atom{font-size:20px !important;}
  .elsa-h3 .tn-atom{font-size:16px !important;}

  .elsa-text .tn-atom{font-size:14px !important;}
  .elsa-small .tn-atom{font-size:12px !important;}
}