/**
 * Ford Lebanon 2027 — design tokens
 * Source: "Design system — Ford Lebanon 2026–2027" page inside the frozen design
 * (Ford Lebanon 2027.dc.html, version 1787840219169550, 2026-08-27).
 *
 * Phase 2 loads this file first in motors-child; every override styles against
 * these variables — never against raw hex values.
 *
 * Palette rule (per Ford Brand Identity Guidelines, as stated in the design):
 * blues plus clean neutrals — no teal, no green. Grabber is reserved for
 * limited-allocation / reserve markers on white, used sparingly. Off Black is
 * restricted to cases where colour cannot be used.
 */

:root {
	/* Colour */
	--ford-blue: #00095B;      /* primary */
	--ford-twilight: #00142E;  /* dark bands, text on light */
	--ford-skyview: #066FEF;   /* CTAs, links, hybrid accents */
	--ford-grabber: #1700F4;   /* sparing accent: limited allocation / reserve */
	--ford-white: #FFFFFF;     /* base surface */
	--ford-gray: #F0F0F0;      /* alternate bands */
	--ford-black: #0F0F0F;     /* restricted use */

	/* Semantic aliases (use these in components) */
	--c-primary: var(--ford-blue);
	--c-band-dark: var(--ford-twilight);
	--c-cta: var(--ford-skyview);
	--c-link: var(--ford-skyview);
	--c-hybrid: var(--ford-skyview);
	--c-reserve: var(--ford-grabber);
	--c-surface: var(--ford-white);
	--c-band: var(--ford-gray);
	--c-text: var(--ford-twilight);

	/* Type — licensed FordF1TC webfonts (each weight is its own family,
	   declared in style.css); Archivo is the design's stand-in fallback. */
	--font-sans: 'FordF1TC-Regular', 'Archivo', system-ui, -apple-system, sans-serif;
	--font-medium: 'FordF1TC-Medium', 'Archivo', system-ui, sans-serif;
	--font-semibold: 'FordF1TC-Semibold', 'Archivo', system-ui, sans-serif;
	--font-bold: 'FordF1TC-Bold', 'Archivo', system-ui, sans-serif;

	--fs-display: 64px;   --fw-display: 700;   /* hero headlines */
	--fs-heading: 40px;   --fw-heading: 700;   /* section headings */
	--fs-subhead: 26px;   --fw-subhead: 600;
	--fs-body: 17px;      --fw-body: 400;      /* 1.6 line-height, ~68ch measure */
	--fs-eyebrow: 12px;   --fw-eyebrow: 600;   --ls-eyebrow: .16em;

	--lh-body: 1.6;
	--measure: 68ch;

	/* WhatsApp CTA (present on every page in the design) */
	--c-whatsapp: #25D366;
}