/* ==========================================================================
   Binham — design tokens
   Colour values sampled from the source mockups. Component files must never
   hardcode a hex; always reference a custom property from this file.
   ========================================================================== */

:root {
	/* Brand */
	--bnh-orange: #FF6B11;
	--bnh-orange-600: #E85E0A;
	--bnh-orange-700: #C94F06;
	--bnh-orange-050: #FFF1E8;
	--bnh-navy: #03406D;
	--bnh-navy-800: #002540;
	--bnh-navy-900: #011D32;
	--bnh-navy-050: #EAF2F8;

	/* Neutrals */
	--bnh-white: #FFFFFF;
	--bnh-cream: #F9F8F4;
	--bnh-grey-050: #F7F8F9;
	--bnh-grey-100: #EEEEEE;
	--bnh-line: #E2E8ED;
	--bnh-ink: #0F2233;
	--bnh-muted: #5C6B78;

	/* Status */
	--bnh-ok: #1B8A5A;
	--bnh-err: #C0392B;
	--bnh-star: #FFB400;

	/* Type */
	--bnh-font-sans: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--bnh-font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
	--bnh-fs-h1: clamp(2.25rem, 1.6rem + 2.6vw, 3.75rem);
	--bnh-fs-h2: clamp(1.75rem, 1.3rem + 1.8vw, 2.5rem);
	--bnh-fs-h3: clamp(1.25rem, 1.05rem + .8vw, 1.5rem);
	--bnh-fs-lead: clamp(1rem, .95rem + .3vw, 1.125rem);
	--bnh-fs-body: 1rem;
	--bnh-fs-sm: .875rem;
	--bnh-fs-xs: .75rem;
	--bnh-lh-tight: 1.15;
	--bnh-lh: 1.6;

	/* Space — 8px base */
	--bnh-s1: .25rem;
	--bnh-s2: .5rem;
	--bnh-s3: .75rem;
	--bnh-s4: 1rem;
	--bnh-s5: 1.5rem;
	--bnh-s6: 2rem;
	--bnh-s7: 3rem;
	--bnh-s8: 4rem;
	--bnh-s9: 6rem;
	--bnh-section-y: clamp(3rem, 2rem + 4vw, 5.5rem);

	/* Layout */
	--bnh-container: 1200px;
	--bnh-gutter: clamp(1rem, 4vw, 2rem);
	--bnh-topbar-h: 44px;
	--bnh-nav-h: 76px;

	/* Radius + shadow */
	--bnh-r-sm: 8px;
	--bnh-r: 12px;
	--bnh-r-lg: 20px;
	--bnh-r-xl: 28px;
	--bnh-r-pill: 999px;
	--bnh-sh-sm: 0 1px 2px rgba(1, 29, 50, .06), 0 1px 3px rgba(1, 29, 50, .08);
	--bnh-sh: 0 4px 12px rgba(1, 29, 50, .08);
	--bnh-sh-lg: 0 18px 45px rgba(1, 29, 50, .14);

	--bnh-ease: cubic-bezier(.22, .61, .36, 1);
	--bnh-focus: 0 0 0 3px var(--bnh-white), 0 0 0 6px var(--bnh-orange);
}