/*
 * Anamed – „classic” téma: design tokenek.
 * A 2015-ös anamed.hu megjelenése, az éles oldalról mért értékekkel (2026-10-13).
 * Új design = új token-készlet (themes/<név>/tokens.css) + új theme.css; a szerkezet (template.css) változatlan.
 */

@layer tokens {
	:root {
		/* Színek – márka */
		--c-brand: #2b8d4b;
		--c-brand-strong: #2f6943;
		--c-brand-deep: #134c28;
		--c-heading: #144d29;
		--c-brand-ink: #39704b;
		--c-brand-mid: #679a74;
		--c-brand-muted: #7fab8a;
		--c-brand-line: #a4c9ae;
		--c-brand-soft: #e1f0e2;
		--c-brand-soft-hover: #eaf4eb;
		--c-brand-soft-border: #c8e7c8;
		--c-brand-soft-border-2: #ceead0;
		--c-brand-hover: #59956a;
		--c-brand-tint: #daece0;

		/* Színek – kiemelés */
		--c-accent: #e4910d;
		--c-accent-strong: #cd4800;

		/* Színek – semleges */
		--c-white: #fff;
		--c-text: #848484;
		--c-text-strong: #777;
		--c-text-muted: #9d9d9d;
		--c-text-grey: #7c7c7c;
		--c-line: #dfdfdf;
		--c-line-light: #ececec;
		--c-line-mid: #d2d2d2;
		--c-line-hover: #b8b8b8;
		--c-surface-grey: #eae9e9;
		--c-surface-grey-line: #e2e1e1;
		--c-surface-grey-hover: #f6f6f6;
		--c-side-head: #909090;

		/* Színek – információs (Termékajánló) */
		--c-info: #6383a0;
		--c-info-surface: #f1f7fd;
		--c-info-border: #e0e7ed;
		--c-info-title: #cfdff2;
		--c-info-top: #c6d8e7;

		/* Színek – hírek / állások */
		--c-news: #a77e00;
		--c-news-line: #fabd00;
		--c-jobs-line: #90c990;

		/* Színek – lábléc */
		--c-footer-menu: #92bd9f;
		--c-footer-menu-top: #7bab8a;
		--c-footer-menu-bottom: #a8cab2;
		--c-footer-grad-1: #5d956e;
		--c-footer-grad-2: #518d63;
		--c-footer-line: #699c78;
		--c-footer-text: #a8bee2;
		--c-footer-soft: #bfdac0;
		--c-footer-bottom: #47795a;

		/* Betűk */
		--font-base: Arial, Helvetica, sans-serif;
		--font-nav: "Open Sans", Arial, Helvetica, sans-serif;
		--fs-base: 15px;
		--lh-base: 23px;

		/* Méretek */
		--container: 1200px;
		--container-wide: 1218px;
		--gutter: 20px;
		--header-h: 105px;
		--brand-w: 337px;
		--nav-h: 50px;
		--banner-h: 456px;
		--tile-w: 200px;
		--tile-h: 264px;

		/* Árnyékok, mozgás */
		--shadow-tile: 0 5px 14px 0 rgb(0 0 0 / .2);
		--shadow-tile-hover: 0 5px 14px 0 rgb(0 0 0 / .3);
		--t-fast: .2s linear;
		--t-mid: .3s linear;

	}
}