/**
 * RogIQ Base — accessibility-only styles (skip link). Token values come from theme.json.
 */

.rogiq-base-skip-link {
	position: absolute;
	left: -999rem;
	top: var(--wp--preset--spacing--20);
	width: 1px;
	height: 1px;
	overflow: hidden;
	z-index: 99999;
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary-contrast);
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--medium);
	text-decoration: none;
}

.rogiq-base-skip-link:focus {
	left: var(--wp--preset--spacing--30);
	width: auto;
	height: auto;
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}