/**
 * Turquoise Commerce Framework — base element styles.
 * Layer: foundation (Build 1) · Mission 015 campus parity
 */

body {
	background-color: var(--tq-paper);
	background-image: var(--tq-texture-page);
	background-repeat: repeat;
	background-attachment: scroll;
	color: var(--tq-ink);
	font-family: var(--tq-font-body);
	font-size: var(--tq-size-body);
	line-height: var(--tq-line-body);
}

a {
	color: var(--tq-signal);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.15em;
	transition: color var(--tq-duration) var(--tq-ease);
}

a:hover,
a:focus {
	color: var(--tq-signal-hover);
}

a:focus-visible {
	outline: var(--tq-focus-ring);
	outline-offset: var(--tq-focus-offset);
}

h1,
h2,
h3,
.tq-display {
	font-family: var(--tq-font-display);
	font-weight: 600;
	color: var(--tq-cta-ink);
	line-height: 1.2;
}

h1,
.tq-h1 {
	font-size: var(--tq-size-h1);
}

h2,
.tq-h2 {
	font-size: var(--tq-size-h2);
}

h3,
.tq-h3 {
	font-size: var(--tq-size-h3);
}

img {
	height: auto;
	max-width: 100%;
}

::selection {
	background-color: var(--tq-signal);
	color: #fff;
}

/* Campus black pill — GP form colors supply fill; shape matches mature sites */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
.woocommerce a.button,
.woocommerce button.button,
.wp-block-button__link:not(.has-background) {
	border-radius: var(--tq-radius-pill);
	font-family: var(--tq-font-ui);
	font-weight: 600;
	letter-spacing: var(--tq-tracking-ui);
	text-transform: uppercase;
}