/**
 * HYPRO — Brand color tokens and base typography.
 * All values come from the landing page design system.
 * These custom properties are available to all blocks, patterns, and templates.
 */

:root {
	/* Brand colors */
	--hypro-blue:        #1526BE;
	--hypro-blue-dark:   #0B1590;
	--hypro-blue-deeper: #070E7A;
	--hypro-off-white:   #F4F3EF;
	--hypro-near-black:  #0C0C0A;
	--hypro-lime:        oklch(82% 0.27 130);
	--hypro-lime-dark:   oklch(52% 0.27 130);
	--hypro-berry:       oklch(62% 0.24 355);
	--hypro-berry-dark:  oklch(44% 0.24 355);
	--hypro-muted:       #6B6B68;
}

/* Base rendering */
body {
	font-family: var(--hypro-font-ui);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3 {
	text-wrap: balance;
}

p {
	text-wrap: pretty;
}