/* GENERATED from site/design/tokens.json — do not edit by hand. */
/* Selena Group Corporation — The Field Set — industrial/technical on a Swiss grid. Slab display, grotesque body, mono for data. Cool concrete grounds, graphite ink, hi-vis safety yellow used ONLY as a fill behind graphite text. */
:root {
	/* colour */
	--sg-white: #FFFFFF;
	--sg-concrete: #F2F3F4;
	--sg-mortar: #E4E6E8;
	--sg-hairline: #CDD3D7;
	--sg-rule: #747E86;
	--sg-slate: #55606A;
	--sg-graphite: #16191C;
	--sg-steel: #2B3338;
	--sg-on-dark: #FFFFFF;
	--sg-on-dark-mut: #A8B2B9;
	--sg-hivis: #FFC400;
	--sg-danger: #B3261E;
	--sg-success: #1B6B45;
	--sg-base: #FFFFFF;
	--sg-contrast: #16191C;

	/* type */
	--sg-font-display: 'Roboto Slab', Georgia, 'Times New Roman', serif;
	--sg-font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--sg-font-mono: 'Fira Code', ui-monospace, SFMono-Regular, Menlo, monospace;
	--sg-text-2xs: 0.75rem;
	--sg-text-xs: 0.8125rem;
	--sg-text-sm: 0.9375rem;
	--sg-text-base: 1.0625rem;
	--sg-text-md: 1.25rem;
	--sg-text-lg: 1.5rem;
	--sg-text-xl: 1.875rem;
	--sg-text-2xl: 2.375rem;
	--sg-text-3xl: 3rem;
	--sg-text-4xl: clamp(2.5rem, 4.6vw, 3.6rem);
	--sg-leading-tight: 1.04;
	--sg-leading-snug: 1.16;
	--sg-leading-normal: 1.45;
	--sg-leading-relaxed: 1.62;
	--sg-tracking-display: -0.026em;
	--sg-tracking-heading: -0.014em;
	--sg-tracking-normal: 0;
	--sg-tracking-label: 0.14em;
	--sg-tracking-wide: 0.05em;
	--sg-weight-regular: 400;
	--sg-weight-medium: 500;
	--sg-weight-semibold: 600;
	--sg-weight-bold: 700;
	--sg-weight-black: 800;

	/* space + layout */
	--sg-space-20: 0.5rem;
	--sg-space-30: 1rem;
	--sg-space-40: 1.75rem;
	--sg-space-50: 2.75rem;
	--sg-space-60: 4rem;
	--sg-space-70: 5.5rem;
	--sg-space-80: 7.5rem;
	--sg-content: 48rem;
	--sg-wide: 78rem;
	--sg-gutter: clamp(1.25rem, 4vw, 3rem);

	/* radius, shadow, target, motion */
	--sg-radius-none: 0;
	--sg-radius-sm: 0;
	--sg-radius-chip: 0;
	--sg-shadow-none: none;
	--sg-shadow-panel: none;
	--sg-target-min: 44px;
	--sg-motion-fast: 120ms;
	--sg-motion-base: 180ms;
	--sg-motion-ease: cubic-bezier(0.2, 0, 0, 1);
}
