@import url("/assets/base.css");

/* ============================================================
   THEME: regional (dv-girls.online)
   Региональный журнал: тёплый тёмный фон, песочные акценты, крупные города.
   ============================================================ */
:root {
  --bg: #14110d;
  --bg-soft: #1c1813;
  --card: #1a1611;
  --text: #f3ece0;
  --muted: #a89b88;
  --line: #2f2820;
  --accent: #e0b872;
  --accent-2: #9bc46a;
  --radius: 8px;
  --font-head: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --maxw: 1140px;
}

body { background-image: radial-gradient(900px 420px at 15% -5%, rgba(224,184,114,.09), transparent 65%); }

.hdr { background: #14110d; border-bottom: 1px solid var(--line); }
.logo { font-family: var(--font-head); font-size: 1.24rem; }
.logo-mark { background: var(--accent); color: #14110d; border-radius: 6px; }
.hdr-badge {
  padding: 5px 12px; border-radius: 999px; font-size: .74rem; letter-spacing: .1em;
  text-transform: uppercase; color: var(--accent); border: 1px solid rgba(224,184,114,.35);
}
.nav a.on { border-bottom-color: var(--accent); color: var(--text); }

.hero h1 { font-size: clamp(2rem, 4vw, 2.9rem); }
.hero-kicker { color: var(--accent-2); letter-spacing: .16em; }
.hero { border-bottom: 1px solid var(--line); }
.hero-stats .stat b { color: var(--accent); font-family: var(--font-head); }

.card { border-radius: var(--radius); background: linear-gradient(180deg, #1c1813, #171410); }
.card-link:hover { border-color: var(--accent); box-shadow: 0 14px 30px rgba(0,0,0,.4); }
.card-kicker { color: var(--accent-2); }

.chip { background: #1c1813; }
.chip:hover { border-color: var(--accent); color: var(--accent); }

.geo-card { background: linear-gradient(160deg, #1e1913, #171410); border: 1px solid var(--line); }
.geo-card:hover { border-color: var(--accent); }
.geo-city { color: var(--accent); }

.score { border-radius: 6px; font-family: var(--font-head); }
.row-pos { font-family: var(--font-head); color: var(--accent); }

.tbl thead th { background: #1c1813; }
.pc-pro { border-left-color: var(--accent-2); }
.pc-con { border-left-color: #d97757; }
.verdict { background: #1c1813; border-left: 4px solid var(--accent); }
.trust { background: #1c1813; border: 1px solid var(--line); }

.ftr { background: #0f0d0a; border-top: 1px solid var(--line); }
.ftr-col a, .ftr-col p, .ftr-bottom { color: var(--muted); }
.ftr-col a:hover { color: var(--accent); }
.ftr-h { color: var(--accent); }
.ftr-bottom { border-top-color: var(--line); }

.btn { background: var(--accent); border-color: var(--accent); color: #14110d; font-weight: 700; }
.btn-ghost { background: transparent; color: var(--text); border-color: var(--line); }
.search-form input { background: #1c1813; border-color: var(--line); color: var(--text); }

.article-body p:first-of-type { font-size: 1.06rem; }
.article-body { max-width: 74ch; }