@use "@gloria/base/_mixins.scss" as *;

@layer layout {
	html {
		height: 100%;
		overscroll-behavior: none;
		overflow-x: hidden;

		&::selection {
			background-color: var(--color-primary-100);
			color: var(--color-primary-500);
		}
	}

	body {
		font-size: var(--font-size-base);
		line-height: var(--line-height-base);
		font-family: var(--font-family-text);
		text-wrap: pretty;
		overscroll-behavior: none;
	}

	.ck-content::selection {
		background-color: var(--ck-color-base-focus, #6cb5f9);
		color: var(--ck-color-base-text, #333333);
	}
}
