/* ── Цветова палитра ─────────────────────────────────────────────────────────
   Ярко-млечни зелени тонове
   ─────────────────────────────────────────────────────────────────────────── */
:root {
    --p-50:  #edfaf3;
    --p-100: #d0f0df;
    --p-200: #a2dfc0;
    --p-300: #6dcba0;
    --p-400: #44ba83;
    --p-500: #2ea870;
    --p-600: #248f5c;
    --p-700: #5ab886;   /* hover върху тъмен фон — малко по-светло от 800 */
    --p-800: #47ae7a;   /* основен фон на навигацията */
    --p-900: #36946a;   /* top bar и footer */
}

/* ── Типография ──────────────────────────────────────────────────────────────*/
body {
    font-family: 'Roboto', system-ui, sans-serif;
    background: #f6f8f7;
    color: #1e2a23;
}

/* ── Новинни карти ───────────────────────────────────────────────────────────*/
.news-card { transition: box-shadow .2s, transform .15s; }
.news-card:hover { transform: translateY(-2px); }
.news-card:hover .news-card-title { color: var(--p-600); }
.news-card-img { overflow: hidden; }
.news-card-img img { transition: transform .35s ease; }
.news-card:hover .news-card-img img { transform: scale(1.05); }

/* ── Category badge ──────────────────────────────────────────────────────────*/
.category-badge {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 4px;
    font-size: .72rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: .02em;
}

/* ── Nav links ───────────────────────────────────────────────────────────────*/
.nav-link { transition: background .15s, color .15s; }

/* ── Prose (съдържание на статии) ────────────────────────────────────────────*/
.prose h2 { font-size: 1.25rem; font-weight: 700; margin: 1.5rem 0 .75rem; color: #1e2a23; }
.prose h3 { font-size: 1.05rem; font-weight: 600; margin: 1.25rem 0 .5rem; }
.prose p  { margin-bottom: 1rem; line-height: 1.75; }
.prose ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1rem; }
.prose ol { list-style: decimal; padding-left: 1.5rem; margin-bottom: 1rem; }
.prose li { margin-bottom: .25rem; }
.prose blockquote {
    border-left: 4px solid var(--p-400);
    padding-left: 1rem;
    color: #5a7060;
    font-style: italic;
    margin: 1rem 0;
}
.prose a     { color: var(--p-600); text-decoration: underline; }
.prose img   { max-width: 100%; border-radius: .5rem; margin: 1rem 0; }
.prose strong { font-weight: 700; }
.prose table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.prose th, .prose td { border: 1px solid #e5e7eb; padding: .5rem .75rem; text-align: left; }
.prose th    { background: var(--p-50); font-weight: 600; }