/*
Theme Name: WADEPS
Theme URI: https://wadeps.org/
Description: Accessible WADEPS child theme based on Luminex.
Author: WADEPS
Template: luminex
Version: 1.0.3
Text Domain: wadeps
Requires at least: 6.8
Requires PHP: 8.0
*/

:root {
	--wadeps-green: #1f5027;
	--wadeps-evergreen: #4d8256;
	--wadeps-sage: #8fb595;
	--wadeps-mint: #bce8c3;
	--wadeps-grey: #4d4d4d;
	--wadeps-black: #000000;
	--wadeps-light-grey: #0000000f;
	--wadeps-white: #ffffff;
	--wadeps-text: var(--wadeps-grey);
	--wadeps-background: var(--wadeps-white);
	--wadeps-border: var(--wadeps-sage);
}

body {
	background: var(--wadeps-white);
	color: var(--wadeps-grey);
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.6;
}

body :where(p, li, figcaption, caption) {
	color: var(--wadeps-grey);
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 400;
}

body :where(h1, h2, h3, h4, h5, h6) {
	color: var(--wadeps-green);
	font-family: Montserrat, Arial, sans-serif;
	line-height: 1.2;
	text-wrap: balance;
}

body h1 { font-size: 52px; font-weight: 700; }
body h2 { font-size: 42px; font-weight: 700; }
body h3 { font-size: 36px; font-weight: 600; }
body h4 { font-size: 30px; font-weight: 600; }
body h5 { font-size: 26px; font-weight: 600; }
body h6 { font-size: 22px; font-weight: 600; }

body :where(a, .wp-block-navigation-item__content) {
	color: var(--wadeps-green);
}

.has-subtext-font-size {
	font-size: 17px;
}

.has-small-font-size {
	font-size: 14px;
}

:where(
	a,
	button,
	input,
	select,
	textarea,
	summary,
	[tabindex]:not([tabindex="-1"])
):focus-visible {
	outline: 3px solid var(--wadeps-white) !important;
	outline-offset: 2px;
	box-shadow: 0 0 0 5px var(--wadeps-black) !important;
}

a {
	text-decoration-thickness: 0.1em;
	text-underline-offset: 0.18em;
}

a:hover {
	text-decoration-thickness: 0.15em;
}

p,
li {
	text-wrap: pretty;
}

@media (max-width: 700px) {
	body h1 { font-size: 42px; }
	body h2 { font-size: 36px; }
	body h3 { font-size: 31px; }
	body h4 { font-size: 27px; }
}