/**
 * BOLTX – brand tokens and base styles.
 *
 * Colours from the brand sheet (boltx-look_2.ai). The home page design
 * builds on these.
 */

:root {
	/* Brand palette */
	--blx-ink: #011511;      /* near-black green */
	--blx-olive: #2f3722;    /* dark olive */
	--blx-sage: #c3d0ae;     /* sage */
	--blx-orange: #ff7600;   /* signal orange */
	--blx-lime: #e3fa76;     /* lime */
	--blx-cream: #faf5ee;    /* cream */

	/* Fonts */
	--blx-font: "The Future", "Helvetica Neue", Arial, sans-serif;
	--blx-mono: "Input Mono", ui-monospace, "SF Mono", Menlo, monospace;

	/* Roles */
	--blx-bg: var(--blx-cream);
	--blx-text: var(--blx-ink);
	--blx-accent: var(--blx-orange);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
	margin: 0;
	background: var(--blx-bg);
	color: var(--blx-text);
	font-family: var(--blx-font);
	font-weight: 400;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img,
svg,
video,
canvas {
	display: block;
	max-width: 100%;
}