@charset "utf-8";


/* --------------------------------------------------------------------------
   Variables
-------------------------------------------------------------------------- */

	:root {

		/* Brand colors */
		--color-brand-primary: #008deb;
		--color-brand-primary-hover: #007ed8;
		--color-brand-content-high: #04070b;
		--color-brand-content-medium: #001a39;
		--color-brand-content-low: #54b0fe;
		--color-brand-surface-lowest: #f4f6f9;
		--color-brand-surface-low: #eff4fa;
		--color-brand-surface-medium: #e6f1fc;
		--color-brand-registry: #203983;
		--color-positive-primary: #51cf66;
		--color-positive-surface: #e5f8e8;

		/* Neutral colors */
		--color-neutral-white: #FFF;
		--color-neutral-content-high: #070707;
		--color-neutral-content-medium-low: #676e76;
		--color-neutral-tertiary: #8f959c;
		--color-neutral-content-inverse-high: #f5f5f6;

		/* Typography */
		--font-family-primary: "Geologica", Arial, sans-serif;
		--font-family-accent: "JetBrains Mono", monospace;
		--font-weight-regular: 400;
		--font-weight-medium: 500;
		--font-weight-semibold: 600;

		/* Type scale */
		--font-size-display-m: 3.5rem;
		--line-height-display-m: 4.25rem;
		--font-size-heading-l: 2.5rem;
		--line-height-heading-l: 3.25rem;
		--font-size-body-l: 1.25rem;
		--line-height-body-l: 1.75rem;
		--font-size-body-m: 1rem;
		--line-height-body-m: 1.5rem;
		--font-size-body-s: .875rem;
		--line-height-body-s: 1.25rem;

		/* Spacing */
		--space-4: .25rem;
		--space-8: .5rem;
		--space-12: .75rem;
		--space-16: 1rem;
		--space-20: 1.25rem;
		--space-24: 1.5rem;
		--space-32: 2rem;
		--space-48: 3rem;
		--space-56: 3.5rem;
		--space-80: 5rem;
		--space-112: 7rem;

		/* Radius */
		--radius-50: .125rem;
		--radius-300: .75rem;
		--radius-400: 1rem;
		--radius-500: 1.25rem;
		--radius-600: 1.75rem;

		/* Motion */
		--transition-default: .2s ease;

	}