/* ==========================================================================
   BKA 2026 v5 · 1/8 TOKENS
   Bethesda brand system (bethesda.hu, extracted 2026-10-18): one loud colour
   (#e41b48) on white and cool mist, Brandon for display, Montserrat for text.
   Every other file only consumes these properties.
   ========================================================================== */

/* Brandon: the single bold cut used by bethesda.hu. Registered as a weight
   range so the browser never synthesises bold; we always ask for 500. */
@font-face {
	font-family: "BKA Brandon";
	src: url("../../fonts/brandon-bold.ttf") format("truetype");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "BKA Montserrat";
	src: url("../../fonts/montserrat-latin-ext.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "BKA Montserrat";
	src: url("../../fonts/montserrat-latin.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	/* Colour · brand */
	--v5-red: #e41b48;              /* bethesda.hu top bar + logo – the only brand colour */
	--v5-red-rgb: 228, 27, 72;
	--v5-red-600: #c8143e;          /* hover / pressed; footer legal strip (5.79:1 on white) */
	--v5-red-700: #a50f33;          /* small text on tints, errors (7.73:1) */
	--v5-red-800: #7a0b26;          /* deepest accent – use sparingly, never as a surface */
	--v5-red-50: #fff5f7;
	--v5-red-100: #fde8ed;
	--v5-red-200: #f9c0cb;
	--v5-pink: #ff6b86;             /* decorative only (fails text contrast) */

	/* Colour · neutrals (cool, never beige) */
	--v5-ink: #2f2c2e;
	--v5-ink-soft: #4a4648;
	--v5-muted: #66626a;
	--v5-white: #fff;
	--v5-mist: #f0f1f4;
	--v5-mist-2: #edeff9;
	--v5-line: #e1e3ea;
	--v5-line-strong: #c9ccd6;
	--v5-on-red: #fff;
	--v5-on-red-soft: rgba(255, 255, 255, .82);
	--v5-on-red-rule: rgba(255, 255, 255, .22);
	--v5-scrim: 18, 12, 16;         /* neutral photo scrim (rgb) – never a red overlay */

	/* Type */
	--v5-font-display: "BKA Brandon", "BKA Montserrat", "Montserrat", Helvetica, Arial, sans-serif;
	--v5-font-text: "BKA Montserrat", "Montserrat", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
	--v5-w-display: 500;
	--v5-w-text: 500;
	--v5-w-ui: 600;
	--v5-w-bold: 700;

	--v5-fs-mega: clamp(3rem, 1.4rem + 5.6vw, 6.5rem);       /* home H1 – ~104px @1440 */
	--v5-fs-hero: clamp(2.5rem, 1.35rem + 4.1vw, 5.25rem);    /* subpage H1 – ~84px @1440 */
	--v5-fs-h2: clamp(2rem, 1.15rem + 2.7vw, 3.5rem);         /* 56px @1440 */
	--v5-fs-h3: clamp(1.375rem, 1.1rem + .85vw, 1.875rem);
	--v5-fs-h4: clamp(1.125rem, 1rem + .4vw, 1.375rem);
	--v5-fs-statement: clamp(1.75rem, 1.05rem + 2.55vw, 3.375rem);
	--v5-fs-lead: clamp(1.125rem, 1rem + .45vw, 1.375rem);
	--v5-fs-body: clamp(1rem, .96rem + .18vw, 1.0625rem);
	--v5-fs-small: .875rem;
	--v5-fs-eyebrow: .8125rem;
	--v5-fs-nav: .9375rem;
	--v5-lh-tight: 1.02;
	--v5-lh-heading: 1.1;
	--v5-lh-body: 1.72;
	--v5-ls-caps: .12em;

	/* Layout */
	--v5-shell: 80rem;              /* 1280px content */
	--v5-shell-narrow: 46rem;       /* reading measure */
	--v5-gutter: clamp(1.25rem, 4.6vw, 4rem);
	--v5-header-h: 4.5rem;          /* low header (72px) */
	--v5-section-y: clamp(4.5rem, 3rem + 6vw, 8.5rem);
	--v5-section-y-tight: clamp(3rem, 2rem + 4vw, 5.5rem);
	--v5-gap: clamp(1rem, .6rem + 1.4vw, 2rem);
	--v5-gap-lg: clamp(2rem, 1rem + 3.4vw, 4.5rem);

	/* Shape */
	--v5-radius-xs: 6px;
	--v5-radius-sm: 12px;
	--v5-radius: 20px;
	--v5-radius-lg: 28px;
	--v5-radius-pill: 999px;

	/* Depth */
	--v5-shadow-card: 0 1px 2px rgba(17, 17, 26, .04), 0 2px 80px rgba(0, 0, 0, .05);
	--v5-shadow-lift: 0 18px 50px -18px rgba(17, 17, 26, .28);
	--v5-shadow-float: 0 30px 80px -30px rgba(17, 12, 16, .55);
	--v5-shadow-button: 0 12px 18px -8px rgba(0, 0, 0, .28);
	--v5-shadow-red: 0 14px 26px -12px rgba(var(--v5-red-rgb), .55);
	--v5-focus: 0 0 0 3px #fff, 0 0 0 6px var(--v5-red);
	--v5-focus-on-red: 0 0 0 3px var(--v5-red), 0 0 0 6px #fff;
	--v5-field-focus: 0 0 0 4px rgba(var(--v5-red-rgb), .18);

	/* Motion */
	--v5-ease: cubic-bezier(.22, 1, .36, 1);
	--v5-dur: .28s;
	--v5-dur-slow: .7s;
}