/* GridBee — design tokens
 * Testvér-dizájn a plugzone.hu-hoz: azonos token-architektúra (spacing/radius/
 * shadow/szín skála mint CSS custom property-k), de saját zöld+arany identitással.
 * A --green-600…950 / --gold-400…600 / --beige-50/100 értékek változatlanok a
 * korábbi style.css-ből (nem törő horgonyértékek), a többi lépés köréjük épült.
 */
:root{
	/* ── zöld skála (horgony: green-600…950 a korábbi style.css-ből) ────── */
	--green-50:  #e8f7f2;
	--green-100: #c6ecdf;
	--green-200: #96d9c4;
	--green-300: #62c2a7;
	--green-400: #34a98c;
	--green-500: #1f9c82;
	--green-600: #1a8577;
	--green-700: #146b61;
	--green-800: #0f5a51;
	--green-900: #0b4c44;   /* elsődleges márkaszín */
	--green-950: #062824;
	--green-990: #041916;   /* legsötétebb lépcső — nav-surface gradiens sötét vége */

	/* ── arany skála (horgony: gold-400…600) ─────────────────────────────── */
	--gold-50:  #fdf6e6;
	--gold-100: #fbecc3;
	--gold-200: #f7e0a0;
	--gold-400: #f5d573;
	--gold-500: #f0c23b;
	--gold-600: #d9a92a;
	--gold-700: #b3891c;
	--gold-800: #8c6b15;

	/* ── meleg semleges tónusok (horgony: beige-50/100) ──────────────────── */
	--beige-50:  #fff7ea;
	--beige-100: #f4e1c6;
	--beige-200: #e9cda0;

	/* ── márka-aliasok ────────────────────────────────────────────────────── */
	--primary: var(--green-900);
	--primary-light: var(--green-700);
	--primary-dark: var(--green-950);
	--accent: var(--gold-500);
	--accent-dark: var(--gold-600);
	--accent-light: var(--gold-400);

	/* ── felületek — a nav-gradiens az egyetlen tudatos kivétel ──────────── */
	--nav-surface: linear-gradient(135deg, var(--green-950) 0%, var(--green-990) 100%);
	--page-bg: #eef4f1;
	--surface: #ffffff;
	--surface-alt: #f7faf8;
	--hex-stroke: rgba(11, 76, 68, .07);
	--hex-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath fill='none' stroke='%230b4c44' stroke-opacity='.08' d='M28 2l26 15v30L28 62 2 47V17zM28 62l26 15v30L28 122 2 107V77z'/%3E%3C/svg%3E");
	--wrap-max: 1160px;

	/* ── szemantikus semlegesek (zöld-árnyalatú, mint a szöveg/border) ───── */
	--border: #dbe6e3;
	--border-strong: #c3d2cd;
	--text: #102e29;
	--text-secondary: #3f5a54;
	--text-muted: #6b8079;

	/* ── státusz-szemantika (univerzális, nem márka-specifikus) ──────────── */
	--success: #28a745; --success-bg: #e8f5e9; --success-fg: #2e7d32;
	--danger:  #dc3545; --danger-bg:  #ffebee; --danger-fg:  #c62828;
	--warning: #ffc107; --warning-bg: #fff3e0; --warning-fg: #e65100;
	--info:    #2196f3; --info-bg:    #e3f2fd; --info-fg:    #1565c0;
	--neutral-bg: #eceff1; --neutral-fg: #546e7a;

	/* ── spacing (4px alap) ───────────────────────────────────────────────── */
	--space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px;
	--space-6:24px; --space-8:32px; --space-10:40px; --space-12:48px;

	/* ── tipográfia méret-skála ───────────────────────────────────────────── */
	--text-xs:12px; --text-sm:13px; --text-base:15px; --text-md:16px; --text-lg:18px;
	--text-xl:20px; --text-2xl:24px; --text-3xl:28px; --text-4xl:32px;

	/* ── lekerekítés ──────────────────────────────────────────────────────── */
	--radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:20px; --radius-full:999px;

	/* ── árnyékok — zöld-árnyalatú (rgba alap: 6,40,36 = green-950) ──────── */
	--shadow-xs: 0 1px 3px rgba(6,40,36,.07);
	--shadow-sm: 0 2px 8px rgba(6,40,36,.08);
	--shadow-md: 0 4px 16px rgba(6,40,36,.10);
	--shadow-lg: 0 8px 32px rgba(6,40,36,.12);
	--shadow-primary: 0 4px 15px rgba(11,76,68,.28);
	--shadow-accent:  0 4px 15px rgba(240,194,59,.32);
	--focus-ring: 0 0 0 3px rgba(15,90,81,.28);

	/* ── átmenetek ─────────────────────────────────────────────────────────── */
	--transition-fast: .2s ease;
	--transition-normal: .3s ease;

	--font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}