/*
 * Design-tokenek — a grow-style-guide v0 (2026. július) alapján.
 * Paletta: a grafikus 2. sori javaslata. A grafikus végleges token-csomagja
 * (arculati kézikönyv) váltja majd le ezt a fájlt; ütközéskor az felülír.
 *
 * Megjegyzés két ponton eltérünk a v0 guide-tól, a felhasználó kérésére:
 *  - konténer 1440px (a guide 1240-et ír; „túl szűkre centráltnak" hatott),
 *  - a hero nagy szavai a guide 56px display-méreténél nagyobbak (eidra-minta,
 *    a konténerhez skálázott cqw, külön kezelve a main.css-ben).
 */
:root {
	/* --- Paletta (guide 2. pont) --- */
	--petrol: #1e4359;   /* sötét háttér: hero-sáv, footer, kiemelés-blokk; grafika */
	--blue:   #4189a6;   /* INTERAKTÍV: gomb, link, aktív állapot */
	--light:  #b8d3d9;   /* világos szekció-/kártya-háttér, elválasztás */
	--slate:  #354648;   /* másodlagos sötét háttér */
	--yellow: #fed531;   /* csak erős kiemelés: kiemelt CTA/badge/aláhúzás, max 1/nézet */
	--white:  #ffffff;
	--black:  #000000;

	/* --- Szemantikus aliasok a meglévő main.css tokennevekhez --- */
	--ink:        var(--black);          /* elsődleges szöveg világos háttéren = fekete (guide 2.2) */
	--ink-soft:   rgba(0, 0, 0, 0.62);   /* másodlagos szöveg — akromatikus (nem „színes betű"), hierarchia opacitással */
	--paper:      var(--white);
	--mist:       #eaf1f2;               /* nagy felületű, visszafogott világos háttér (light halvány tintje) */
	--line:       #cddde0;               /* hairline a palettából */
	--accent:      #3a7a92;              /* interaktív szín — a guide #4189a6-je fehér felirattal csak 3.9:1 (AA-bukás); ez a sötétebb árnyalat 4.8:1, WCAG 2.2 AA normál szöveg OK (QA-008). A raw --blue marad az eredeti guide-érték. */
	--accent-deep: var(--petrol);        /* gomb-hover / mély változat */
	--surface-dark: var(--petrol);       /* sötét felületek alap */

	/* --- Tipográfia — Grow Group 2026 Brand Guidelines: Raleway (headline/Black) + Montserrat (sub/body/gomb) --- */
	--font-display: "Raleway", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	--font-body: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

	/* --- Forma és ritmus (guide 6.) --- */
	--radius: 16px;      /* kártya */
	--radius-s: 8px;     /* gomb, kép */
	--container: 1440px; /* guide: 1240 — lásd fenti megjegyzés */
	--gutter: clamp(1.25rem, 4vw, 3.5rem);
	--space-section: clamp(3.5rem, 8vw, 6rem); /* ~56px mobil → ~96px desktop */

	/* --- Árnyék (guide 6.) — csak emelt kártyán --- */
	--shadow-card: 0 4px 16px rgba(30, 67, 89, 0.10);
}