/*!
 * Elements/Global
 */

/**
 * Root
 *
 * Base app styles
 */

:root {
	--x-sys-color-background: 255, 255, 255;
	--x-sys-color-on-background: 0, 0, 0;
	--x-sys-color-surface: 255, 255, 255;
	--x-sys-color-on-surface: 0, 0, 0;
	--x-sys-overlay-multiplier: 1;
	--x-sys-color-outline: 0, 0, 0;
	--x-sys-color-scrim: 0, 0, 0;

	--x-sys-opacity-outline: 0.12;
	--x-sys-opacity-high-emphasis: 0.87;
	--x-sys-opacity-medium-emphasis: 0.6;
	--x-sys-opacity-disabled: 0.38;
	--x-sys-opacity-idle: 0.04;
	--x-sys-opacity-hover: 0.04;
	--x-sys-opacity-focus: 0.12;
	--x-sys-opacity-selected: 0.08;
	--x-sys-opacity-activated: 0.12;
	--x-sys-opacity-pressed: 0.12;
	--x-sys-opacity-dragged: 0.08;

	--x-scrollbar-offset: 0rem;
}

/**
 * Body
 *
 * 1. Improve consistency of default fonts in all browsers.
 * 2. Set default typography styles in all browsers.
 * 3. Correct the line height in all browsers.
 */

body {
	/* 1 */
	font-family: var(--x-sys-typescale-body-medium-font);
	/* 2 */
	font-size: var(--x-sys-typescale-body-medium-size);
	/* 2 */
	font-weight: var(--x-sys-typescale-body-medium-weight);
	/* 3 */
	line-height: var(--x-sys-typescale-body-medium-line-height);
}

/**
 * Links
 */

a {
	text-decoration: none;
}