/* Cresset — tokens.css
   Brand custom properties.  */
:root {
	/* Brand palette */
	--cr-blue: #005172;
	/* primary — buttons, markers, accents */

	--cr-blue-tint: #407590;
	/* button hover sweep */

	--cr-orange: #FF9E1B;
	/* secondary accent — CTAs, hovers, burger - OUTDATED and rarely used as of 8/12/26 */

	--cr-orange-light: #FFBC6C;
	/* more commonly used for secondary accent */

	--cr-grey: #D1D3D4;
	/* light grey — borders, white-btn hover */

	--cr-grey-mid: #aaabad;
	/* mid grey — osano manage, menu underline */

	--cr-grey-dark: #414042;
	/* body-link grey */

	--cr-ink: #202020;
	/* near-black input text */

	--cr-surface: #f5f5f6;
	/* input/select background */

	--cr-background: #FFEEDB;
	/* web background - only incidentally used */



	/* ========================================
  		TYPOGRAPHY
     ======================================== */

	/* ----- FONT ----- */
	--cr-font-brand: "Metropolis", Sans-serif;

	/* ----- WEIGHT ----- */
	--font-weight-regular: 400;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-weight-extrabold: 800;

	/* ----- SIZE ----- */
	--font-size-xs: 0.875rem !important;
	/* 14px */

	/* Compact text */
	--font-size-sm: 1rem !important;
	/* 16px */

	/* Default body */
	--font-size-md: 1.125rem !important;
	/* 18px */

	/* Large body / intro */
	--font-size-lg: 1.25rem !important;
	/* 20px */

	--font-size-h5: clamp(1.125rem, 1.08rem + 0.2vw, 1.25rem) !important;
	--font-size-h5-mobile: clamp(1.125rem, 1.08rem + 0.2vw, 1.25rem) !important;
	/* 18–20px */

	--font-size-h4: clamp(1.25rem, 1.15rem + 0.45vw, 1.5rem) !important;
	--font-size-h4-mobile: clamp(1.25rem, 1.15rem + 0.45vw, 1.5rem) !important;
	/* 20–24px */

	--font-size-h3: clamp(1.5rem, 1.35rem + 0.65vw, 1.875rem) !important;
	--font-size-h3-mobile: clamp(1.5rem, 1.35rem + 0.65vw, 1.875rem) !important;
	/* 24–30px */

	--font-size-h2: clamp(1.75rem, 1.55rem + 0.85vw, 2.25rem) !important;
	--font-size-h2-mobile: clamp(1.75rem, 1.55rem + 0.85vw, 2.25rem) !important;
	/* 28–36px */

	--font-size-h1: clamp(2rem, 1.7rem + 1.25vw, 2.8125rem) !important;
	--font-size-h1-mobile: clamp(2rem, 1.7rem + 1.25vw, 2.8125rem) !important;
	/* 32–45px */


	/* ========================================
		SPACING
     ======================================== */

	/* Base spacing */
	--space-xs: 0.5rem;
	/* 8px */
	--space-sm: 0.75rem;
	/* 12px */
	--space-md: 1rem;
	/* 16px */
	--space-lg: 1.5rem;
	/* 24px */
	--space-xl: 2rem;
	/* 32px */
	--space-2xl: 2.5rem;
	/* 40px */
	--space-3xl: 3.125rem;
	/* 50px */
	--space-4xl: 3.75rem;
	/* 60px */
	--space-5xl: 4.5rem;
	/* 72px */
	--space-6xl: 5.625rem;
	/* 90px */
	--space-7xl: 7.5rem;
	/* 120px */
	--space-8xl: 11.25rem;
	/* 180px */

	/* Semantic */
	--space-heading-subtitle: var(--space-md);
	--space-copy-media: var(--space-2xl);

	--space-section-desktop: var(--space-8xl);
	--space-section-laptop: var(--space-7xl);
	--space-section-tablet: var(--space-7xl);
	--space-section-mobile: var(--space-5xl);

	--space-section-contrast: var(--space-6xl);

	--layout-padding-desktop: var(--space-3xl);
	--layout-padding-mobile: 1.875rem;
	/* 30px */

	--layout-max-width: 1640px;
	/* 1640px */


	/* ========================================
		LINE HEIGHT
     ======================================== */
	--line-height-body: 1.4;
	--line-height-heading: 1.125;

	/* ========================================
		BORDER RADIUS
     ======================================== */
	--border-radius-xs: 10px;
	--border-radius-sm: 15px;
	--border-radius-md: 20px;
	--border-radius-pill: 200px;

}