/* ==========================================
   ИЗБУШКА В ЛЕСУ
   PHOENIX • FAIRY FOREST
========================================== */

/* ---------- Цветовая система ---------- */

:root{
--forest:#2F4A32;
--forest-dark:#243728;

--wood:#5E4333;
--wood-dark:#3C3026;

--paper:#F7F1E7;
--paper-dark:#EFE6D6;

--sand:#DDD1BB;

--terracotta:#C45A3B;
--berry:#8C2F39;

--moss:#7C8C72;

--text:#3C3026;
--title:#2F4A32;
}


/* ---------- Общий стиль ---------- */

body{

background:#F7F1E7 !important;

color:var(--text)!important;

font-family:"Manrope",sans-serif!important;

line-height:1.7;

scroll-behavior:smooth;

}


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

h1,h2,h3,h4,h5{

font-family:"Cormorant Garamond",serif!important;

color:var(--title)!important;

font-weight:600;

letter-spacing:.02em;

}


/* ---------- Текст ---------- */

p,li,span{

color:var(--text)!important;

}


/* ---------- Ссылки ---------- */

a{

color:var(--berry)!important;

transition:.3s;

text-decoration:none;

}

a:hover{

color:var(--terracotta)!important;

}


/* ---------- Кнопки ---------- */

.t-btn{

background:var(--forest)!important;

color:#fff!important;

border-radius:60px;

padding:16px 34px;

font-weight:600;

box-shadow:

0 8px 25px rgba(47,74,50,.18);

transition:.35s;

border:none;

}

.t-btn:hover{

background:var(--berry)!important;

transform:translateY(-2px);

box-shadow:

0 18px 35px rgba(140,47,57,.25);

}


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

.t-card{

background:#EFE6D6!important;

border-radius:24px;

box-shadow:

0 10px 35px rgba(60,48,38,.08);

}


/* ---------- Светлые блоки ---------- */

.t-rec{

background:#F7F1E7;

}


/* ---------- Разделители ---------- */

hr{

border:none;

height:1px;

background:#D8C7AE;

}


/* ---------- Поля ---------- */

input,

textarea,

select{

background:#FFFDF9!important;

border:1px solid #D9CFC3!important;

border-radius:14px;

color:#3C3026!important;

padding:14px;

}

input:focus,

textarea:focus{

border-color:#7C8C72!important;

box-shadow:

0 0 0 4px rgba(124,140,114,.15);

}


/* ---------- Анимация ---------- */

.t-rec{

animation:forestFade .8s ease;

}

@keyframes forestFade{

from{

opacity:0;

transform:translateY(25px);

}

to{

opacity:1;

transform:none;

}

}


/* ---------- Выделение текста ---------- */

::selection{

background:#C45A3B;

color:white;

}


/* ---------- Скролл ---------- */

::-webkit-scrollbar{

width:10px;

}

::-webkit-scrollbar-track{

background:#EFE6D6;

}

::-webkit-scrollbar-thumb{

background:#7C8C72;

border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

background:#2F4A32;

}


/* ---------- Плавный hover ---------- */

img{

transition:.5s;

}

img:hover{

transform:scale(1.02);

}


/* ---------- Теплая тень ---------- */

.t396,

.t-container{

filter:drop-shadow(0 8px 20px rgba(60,48,38,.05));

}