/*
 * NPK — "Horizont" design tokenek
 * Forrás: Max & Future koncepció-dokumentum, "B" irány (docs/NPK-honlap-megujitas-koncepcio.pdf, 13-17. o.)
 * Minden szín/tipó/térköz/komponens-érték itt van egy helyen — a sablonok csak ezekre a
 * változókra hivatkoznak, hogy egy irányváltás (pl. "Örökség") ne igényeljen sablon-átírást.
 */

:root {
    /* --- Márkaszínek (hivatalos logó színvilága) --- */
    --npk-green: #04842F;
    --npk-green-dark: #035911;
    --npk-gold: #FDCA04;
    --npk-orange: #F99420;
    --npk-red: #D00200;

    /* --- Semleges alap (Horizont: tiszta fehér, hűvös szürkék) --- */
    --npk-white: #FFFFFF;
    --npk-gray-50: #F7F9F8;
    --npk-gray-100: #EEF2F0;
    --npk-gray-200: #E2E8E5;
    --npk-gray-300: #C9D3CE;
    --npk-gray-500: #6B7A73;
    --npk-gray-700: #3D4A44;
    --npk-ink: #16211C;
    --npk-navy-footer: #101826;

    /* --- Szemantikus tokenek --- */
    --color-bg: var(--npk-white);
    --color-bg-subtle: var(--npk-gray-50);
    --color-surface: var(--npk-white);
    --color-border: var(--npk-gray-200);
    --color-text: var(--npk-ink);
    --color-text-muted: var(--npk-gray-500);
    --color-primary: var(--npk-green);
    --color-primary-dark: var(--npk-green-dark);
    --color-primary-contrast: var(--npk-white);
    --color-focus-ring: #0B6FE0;
    --color-footer-bg: var(--npk-navy-footer);
    --color-footer-text: #C7D0D8;
    --color-footer-heading: var(--npk-white);

    /* Rovat-/kategóriacímkék — a "lángból merített" színrendszer */
    --tag-hirek-bg: var(--npk-green);
    --tag-hirek-text: var(--npk-white);
    --tag-kozlemeny-bg: var(--npk-red);
    --tag-kozlemeny-text: var(--npk-white);
    --tag-beszamolo-bg: #2B5FAE;
    --tag-beszamolo-text: var(--npk-white);
    --tag-sajtofigyelo-bg: var(--npk-gold);
    --tag-sajtofigyelo-text: var(--npk-ink);
    --tag-esemeny-bg: var(--npk-gray-100);
    --tag-esemeny-text: var(--npk-gray-700);

    /* Rovatonkénti sötétebb árnyalat a színátmenetes kártyákhoz/fejlécekhez */
    --tag-kozlemeny-dark: #8C0200;
    --tag-beszamolo-dark: #1E4483;
    --tag-sajtofigyelo-dark: #C89900;
    --tag-default-dark: #4E5B55;

    /* --- Tipográfia: kortárs groteszk --- */
    --font-sans: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
    --font-size-xs: 0.8125rem;
    --font-size-sm: 0.9375rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.375rem;
    --font-size-2xl: 1.75rem;
    --font-size-3xl: 2.25rem;
    --font-size-4xl: 3rem;
    --line-height-tight: 1.15;
    --line-height-normal: 1.5;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 800;

    /* --- Térköz (8px alapráccsal) --- */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-8: 3rem;
    --space-10: 4rem;
    --space-12: 6rem;

    /* --- Komponens-geometria --- */
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-pill: 999px;
    --shadow-sm: 0 1px 2px rgba(16, 24, 38, 0.06);
    --shadow-md: 0 8px 24px rgba(16, 24, 38, 0.08);
    --shadow-lg: 0 16px 40px rgba(16, 24, 38, 0.12);
    --container-max: 1220px;
    --header-height: 76px;

    color-scheme: light;
}