/*
 * BioVid design tokens for canvas pages (pages built from blocks instead of Divi).
 *
 * Colours and the button style come from the live site's Divi settings (October 2026). The
 * typeface is the site's: Avenir Next (Adobe Fonts kit nhz4wqm, loaded on every page). Like
 * proxima-nova before it, the site uses two weights: Regular (400) and Bold (800), with their
 * italics. The one exception is a typed script page (bv-script), set in Courier Prime Regular.
 * If someone changes Divi's colours or buttons in WP Admin, change them here too.
 *
 * Canvas pages match the Divi pages wherever both have the same thing: buttons, the contact form,
 * the page hero, colours and type faces (measured on biovid.com: `bun run styles:check`, with the
 * reference in dev/styles/). On purpose, they differ in three ways (dev/styles/differences.json):
 *  - body text runs 17.5–19.5px on 1.6 line spacing (Divi: 20px on 1.2): long passages read easily;
 *  - form fields use 16px text (Divi: 14px): iPhones zoom into fields set smaller than 16px;
 *  - on phones, buttons are at least 48px tall (Divi: 37px): a comfortable target for a thumb.
 */

:root {
	/* Colour */
	--bv-stage: #102c58;       /* "house lights down": the mark's navy, deepened */
	--bv-navy: #1d3e72;        /* the ")(" brand mark */
	--bv-blue: #016cd3;        /* headings and links: Divi's accent colour */
	--bv-sky: #3cb3e3;         /* light, markers */
	--bv-spot: #8fd6f2;        /* spotlight; text accents on the stage */
	--bv-paper: #ffffff;
	--bv-mist: #f2f8fc;        /* quiet sections */
	--bv-ink: #1c1c1c;         /* body text (Divi) */
	--bv-muted: #5a6270;       /* labels, captions */
	--bv-rule: #d6e5ef;
	--bv-orange: #ef6320;      /* buttons, and nothing else */
	--bv-hero-from: #0277d9;   /* the site's page hero: blue … */
	--bv-hero-to: #45bce7;     /* … to sky, left to right */

	/* Type: Avenir Next, Regular and Bold only */
	--bv-font: avenir-next-lt-pro, "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
	--bv-regular: 400;
	--bv-bold: 800;
	--bv-typewriter: "Courier Prime", "Courier New", Courier, monospace;   /* script pages only */
	--bv-text: clamp(17.5px, 0.25vw + 15.5px, 19.5px);       /* body: Avenir runs wide, so a touch under Divi's 20px */
	--bv-text-lg: clamp(19px, 0.4vw + 16px, 22px);
	--bv-text-sm: 15.5px;
	--bv-label: 12.5px;                                      /* small uppercase labels */
	--bv-tracking-label: 0.18em;
	--bv-h1: clamp(32px, 10.2vw, 132px);                     /* the stage hero's title ("UNDERSTUDIES"): one line, the column's width */
	--bv-h2: clamp(29px, 1.8vw + 18px, 43px);
	--bv-h3: clamp(21px, 0.6vw + 17px, 26px);
	--bv-name: clamp(24px, 1.3vw + 16px, 36px);              /* offering and role names */

	/* Shape and space */
	--bv-radius-panel: 26px;
	--bv-width: 1080px;                                      /* Divi's row width */
	--bv-section-y: clamp(72px, 7vw + 30px, 136px);
	--bv-gap: clamp(28px, 4vw, 64px);
}