/**
 * CorivaDx Lab Directory design tokens.
 */

.corivadx-lab-app {
	/*----------------------------------------------------------
	Typography
	----------------------------------------------------------*/

	--corivadx-lab-font-primary:
		"Gotham",
		Arial,
		Helvetica,
		sans-serif;

	--corivadx-lab-font-weight-light: 300;
	--corivadx-lab-font-weight-regular: 500;
	--corivadx-lab-font-weight-bold: 700;
	--corivadx-lab-font-weight-black: 900;

	--corivadx-lab-font-size-xs: 0.75rem;
	--corivadx-lab-font-size-sm: 0.875rem;
	--corivadx-lab-font-size-base: 1rem;
	--corivadx-lab-font-size-md: 1.125rem;
	--corivadx-lab-font-size-lg: 1.375rem;
	--corivadx-lab-font-size-xl: 1.75rem;
	--corivadx-lab-font-size-2xl: 2.125rem;

	--corivadx-lab-line-height-tight: 1.2;
	--corivadx-lab-line-height-normal: 1.5;
	--corivadx-lab-line-height-relaxed: 1.65;

	/*----------------------------------------------------------
	Brand colors
	----------------------------------------------------------*/

	--corivadx-lab-color-primary: #4471b7;
	--corivadx-lab-color-primary-dark: #20577f;
	--corivadx-lab-color-primary-light: #eaeaea;
	--corivadx-lab-color-primary-alt: #05ac4e;

	--corivadx-lab-color-text: #657178;
	--corivadx-lab-color-heading: #4471b7;
	--corivadx-lab-color-muted: #b4babe;

	--corivadx-lab-color-white: #ffffff;
	--corivadx-lab-color-background: #f8fbff;
	--corivadx-lab-color-border: #b8babc;
	--corivadx-lab-color-error: #a52828;

	/*----------------------------------------------------------
	Layout
	----------------------------------------------------------*/

	--corivadx-lab-container-width: 1120px;
	--corivadx-lab-content-width: 1020px;

	--corivadx-lab-page-gutter: 24px;
	--corivadx-lab-page-gutter-mobile: 18px;

	/*----------------------------------------------------------
	Spacing
	----------------------------------------------------------*/

	--corivadx-lab-space-1: 0.5rem;
	--corivadx-lab-space-2: 1rem;
	--corivadx-lab-space-3: 1.5rem;
	--corivadx-lab-space-4: 2rem;
	--corivadx-lab-space-5: 2.5rem;
	--corivadx-lab-space-6: 3rem;
	--corivadx-lab-space-7: 4rem;
	--corivadx-lab-space-8: 5rem;

	/*----------------------------------------------------------
	Borders
	----------------------------------------------------------*/

	--corivadx-lab-radius-sm: 4px;
	--corivadx-lab-radius-md: 8px;
	--corivadx-lab-radius-lg: 18px;

	/*----------------------------------------------------------
	Shadows
	----------------------------------------------------------*/

	--corivadx-lab-shadow-panel:
		0 12px 35px rgb(31 58 79 / 10%);

	/*----------------------------------------------------------
	Transitions
	----------------------------------------------------------*/

	--corivadx-lab-transition-fast: 160ms ease;
}