/* ───────────────── Цветовая схема (CSS‑переменные) ───────────────── */
:root {
--color-bg: #000000; /* общий фон (чёрный) */
--color-text: #ffffff; /* основной текст */
--color-text-secondary:#c7c7c7; /* вторичный текст / «приглушённый» */
--color-accent: #f58a00; /* оранжевый акцент, CTA, подчеркивания*/
--color-accent-hover: #ffa933; /* чуть светлее для наведения */
--color-nav-bg: #840101; /* тёмно‑красный фон навигации */
--color-nav-text: #bfbfbf; /* цвет ссылок в меню (не активных) */
}

/* ───────────────── Базовые стили ───────────────── */
body{
font-family:'Inter','Segoe UI','Arial',sans-serif;
font-size:18px;
line-height:1.6;
color:var(--color-text);
background-color:var(--color-bg);
margin:0;
padding-inline:15px;
}

/* Параграфы */
p{margin-bottom:16px;font-size:18px}

/* ─── Заголовки ─── */
h1,h2,h3,h4,h5,h6{
margin-bottom:15px;
font-weight:600;
line-height:1.3;
color:var(--color-text);
}

/* h1 и h2 с оранжевым подчёркиванием */
h1,h2{position:relative;padding-bottom:12px}
h1{font-size:48px;font-weight:700}
h2{font-size:36px}

h1::after,h2::after{
content:'';
position:absolute;
left:0;right:auto;bottom:0;
width:70px;height:4px;
background:var(--color-accent);
}

/* h3 и h4 с маркером ♦ */
h3:not(.faq h3),h4:not(.faq h4){
position:relative;font-weight:500;
}
h3:not(.faq h3)::before,
h4:not(.faq h4)::before{
content:'♦';
color:var(--color-accent);
margin-right:8px;
font-size:.55em;
position:relative;top:-2px;
}
h3{font-size:28px}
h4{font-size:24px}

/* ─── Списки ─── */
ul:not(footer ul),ol:not(footer ol){
list-style:none;
padding-left:5px;margin-bottom:25px;
}
/* UL > LI */
ul:not(footer ul) li{
position:relative;
padding-left:28px;margin-bottom:12px;
font-size:18px;
}
ul:not(footer ul) li::before{
content:'';
position:absolute;left:0;top:8px;
width:8px;height:8px;border-radius:50%;
background:var(--color-accent);
}
/* OL > LI */
ol:not(footer ol){counter-reset:item}
ol:not(footer ol) li{
position:relative;
padding-left:28px;margin-bottom:12px;
font-size:18px;counter-increment:item;
}
ol:not(footer ol) li::before{
content:counter(item)'.';
position:absolute;left:0;top:0;
font-weight:600;color:var(--color-accent);
}

/* ─── Ссылки ─── */
a{
color:var(--color-accent);
text-decoration:none;
transition:color .2s ease,text-decoration .2s ease;
}
a:hover{
color:var(--color-accent-hover);
text-decoration:underline;
}

/* ─── Кнопки (CTA) ─── */
.btn,.button,input[type="submit"]{
display:inline-block;
background:var(--color-accent);
color:var(--color-text);
padding:14px 36px;
font-weight:600;font-size:18px;
border:none;border-radius:6px;
cursor:pointer;
transition:background-color .2s ease,transform .15s ease;
}
.btn:hover,.button:hover,input[type="submit"]:hover{
background:var(--color-accent-hover);
}
.btn:active,.button:active,input[type="submit"]:active{
transform:translateY(1px);
}

/* ─── Навигация (верхнее меню) ─── */
.navbar{background:var(--color-nav-bg)}
.navbar a{
color:var(--color-nav-text);
font-weight:600;
padding:18px 25px;
display:inline-block;
transition:color .2s ease;
}
.navbar a:hover{color:var(--color-text)}
.navbar a.active{
color:var(--color-text);position:relative;
}
.navbar a.active::after{
content:'';
position:absolute;left:0;right:0;bottom:-6px;
height:3px;background:var(--color-accent);
}

/* ─── Вспомогательные классы ─── */
.mt-0{margin-top:0}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:30px}
.mb-0{margin-bottom:0}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}
.text-center{text-align:center}

/* ───────────────── Адаптивность ───────────────── */
@media (max-width:768px){
body{font-size:16px}
h1{font-size:38px}
h2{font-size:30px}
h3:not(.faq h3){font-size:22px}
h4:not(.faq h4){font-size:20px}
ul:not(footer ul) li,ol:not(footer ol) li{font-size:17px}
}
@media (max-width:480px){
body{font-size:14px}
h1{font-size:32px}
h2{font-size:26px}
h3:not(.faq h3),h4:not(.faq h4){font-size:18px}
ul:not(footer ul) li,ol:not(footer ol) li{
font-size:16px;padding-left:22px;
}
ul:not(footer ul) li::before{
top:6px;width:6px;height:6px;
}
}