/*
 * Bio-Science – „classic” téma: design tokenek.
 * A mostani bio-science.hu (jm-modern-hika-store, style2) megjelenése, az éles oldalról mért értékekkel (2026-10-14).
 * Ú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 (kék) */
		--c-brand: #0d3880;          /* sötétkék: címek, aktív menü, lábléc alja */
		--c-brand-strong: #2d597f;   /* logó-szöveg, H3, gombok */
		--c-brand-mid: #6486bd;      /* középkék: másodlagos szöveg, kereső */
		--c-brand-link: #5677ac;     /* workflow-feliratok */
		--c-brand-muted: #8ba4cd;    /* slider-szövegpanel, gyártó-hover */
		--c-brand-line: #b1c2dd;     /* keretek (kártya, gomb) */
		--c-brand-border: #b5cbea;   /* kereső kerete */
		--c-modal-overlay: rgb(209 222 241 / .9); /* felugró ablak háttere */
		--c-brand-soft: #e6eef9;     /* halványkék felület */
		--c-brand-soft-2: #cddcf0;   /* gyártósáv háttere */
		--c-brand-soft-border: #d8e3f3;
		--c-brand-band: #eaeff6;     /* slider-sáv háttere */
		--c-brand-band-line: #d9e3f2;
		--c-workflow-line: #7990b5;
		--c-dots: #c2d3eb;
		--c-dots-border: #8fa7cf;

		/* Színek – semleges */
		--c-white: #fff;
		--c-text: #848484;
		--c-text-strong: #444;
		--c-text-card: #858484;
		--c-nav: #a8a7a7;
		--c-line: #d2d2d2;
		--c-line-light: #e2e2e2;
		--c-line-hover: #b3b3b3;
		--c-surface: #f4f4f4;
		--c-surface-2: #efefef;
		--c-surface-line: #e4e3e3;

		/* Színek – kiemelés */
		--c-new: #cfa726;            /* „ÚJ” szalag */

		/* Színek – lábléc */
		--c-footer-menu: #3962a6;
		--c-footer-menu-line: #4e72ae;
		--c-footer-menu-text: #d8e3f3;
		--c-footer-menu-active: #688ac3;
		--c-footer: #194389;
		--c-footer-text: #a8bee2;
		--c-footer-bottom: #0d3880;
		--c-footer-bottom-line: #214a8e;
		--c-footer-bottom-text: #6486bd;
		--c-footer-link: #93aad2;

		/* Betűk – a menü, címek és gombok kondenzált betűje = az élő oldal Helvetica Condensed webfontja (theme.css) */
		--font-base: Arial, Helvetica, sans-serif;
		--font-cond: "Helvetica Condensed", "Arial Narrow", Arial, sans-serif;
		--font-cond-faux: "Helvetica Condensed Faux", "Arial Narrow", Arial, sans-serif;   /* műfélkövérhez (weight 700) */
		--font-cond-bold-faux: "Helvetica Condensed Bold Faux", "Arial Narrow", Arial, sans-serif;   /* élőn helvetica_bold + bold (műfélkövér a félkövéren) */
		--fs-base: 15px;
		--lh-base: 26px;

		/* Méretek */
		--container: 1218px;
		--gutter: 20px;
		--header-h: 150px;
		--nav-h: 56px;
		--content-w: 980px;
		--side-w: 212px;
		--banner-w: 1184px;
		--banner-h: 352px;

		/* Árnyékok, mozgás */
		--shadow-card: 0 0 10px 0 rgb(0 0 0 / .2);
		--shadow-card-blue: 0 0 10px 0 rgb(13 56 128 / .2);
		--t-fast: .2s linear;
		--t-mid: .3s linear;

		/* Kompatibilitási nevek (az anamed-alapú komponensek ezeket használják) */
		--c-accent: var(--c-brand);
		--c-accent-strong: var(--c-brand);
		--c-heading: var(--c-brand);
		--c-brand-hover: var(--c-brand-mid);
		--c-brand-tint: transparent;
		--c-brand-soft-hover: #f0f5fc;
		--c-text-grey: #7c7c7c;
		--c-text-muted: #9d9d9d;
		--c-side-head: #909090;
		--c-line-mid: var(--c-line);
		--c-surface-grey: #ececec;
		--c-surface-grey-hover: #f6f6f6;
		--c-news: var(--c-brand);
		--c-news-line: var(--c-brand-mid);
		--shadow-tile: 0 5px 14px 0 rgb(0 0 0 / .2);
		--shadow-tile-hover: 0 5px 14px 0 rgb(0 0 0 / .3);
	}
}