/*
Theme Name: Gutentype Customizer
Theme URI:
Author: Local customization
Description: A classic Customizer-based port of the Gutentype FSE visual system.
Version: 1.0.0
Requires at least: 6.1
Requires PHP: 7.2
License: GNU General Public License v2 or later
Text Domain: gutentype-customizer
*/

@font-face {
	font-family: "Josefin Sans";
	src: url("assets/fonts/Josefin_Sans/JosefinSans-VariableFont_wght.ttf") format("truetype");
	font-style: normal;
	font-weight: 100 700;
	font-display: swap;
}

@font-face {
	font-family: "Merriweather";
	src: url("assets/fonts/Merriweather/Merriweather-Regular.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

:root {
	--gtc-primary: #f7e8d9;
	--gtc-white: #ffffff;
	--gtc-secondary: color-mix(in srgb, var(--gtc-primary) 70%, white);
	--gtc-soft: color-mix(in srgb, var(--gtc-primary) 35%, white);
	--gtc-deep: color-mix(in srgb, var(--gtc-primary) 58%, black);
	--gtc-text: #1f2937;
	--gtc-muted: color-mix(in srgb, var(--gtc-text) 65%, white);
	--gtc-border: color-mix(in srgb, var(--gtc-primary) 80%, white);
	--gtc-container: 1320px;
	--wp--preset--color--base: var(--gtc-white);
	--wp--preset--color--body-text: var(--gtc-muted);
	--wp--preset--color--section-bg: var(--gtc-soft);
	--wp--preset--color--heading: var(--gtc-text);
	--wp--preset--color--primary: var(--gtc-primary);
	--wp--preset--color--secondary: var(--gtc-secondary);
	--wp--preset--color--white: var(--gtc-white);
	--wp--preset--font-family--josefin_sans: "Josefin Sans", sans-serif;
	--wp--preset--font-family--merriweather: "Merriweather", serif;
	--wp--preset--font-size--body-text: 17px;
	--wp--preset--font-size--extra-small: 14px;
	--wp--preset--font-size--small: 16px;
	--wp--preset--font-size--medium: 18px;
	--wp--preset--font-size--regular: 22px;
	--wp--preset--font-size--large: 26px;
	--wp--preset--font-size--extra-large: 32px;
}

html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	margin: 0;
	color: var(--gtc-text);
	background: var(--gtc-white);
	font-family: "Josefin Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.gt-announcement-bar {
	padding: 8px 20px;
	color: var(--gtc-white);
	background: var(--gtc-text);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .02em;
	text-align: center;
}

a {
	color: inherit;
	text-decoration: none;
}

.gtc-container {
	width: min(100% - 2rem, var(--gtc-container));
	margin-inline: auto;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}