/* Element-level defaults — keep small; typography and components own specifics. */

html {
	background-color: var(--rrt-color-bg);
	color: var(--rrt-color-text);
	font-family: var(--rrt-font-body);
	font-size: 100%;
}

body {
	font-size: var(--rrt-fs-body);
	line-height: var(--rrt-lh-normal);
}

a {
	color: var(--rrt-color-link);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
	transition: color var(--rrt-duration-fast) var(--rrt-ease-standard);
}

a:hover,
a:focus-visible {
	color: var(--rrt-color-link-hover);
	text-decoration-color: var(--rrt-color-accent);
}

hr {
	border: 0;
	border-top: 1px solid var(--rrt-color-border);
	margin: var(--rrt-space-xl) 0;
}

::selection {
	background: var(--rrt-color-accent);
	color: var(--rrt-color-text);
}