/*
 * Βάση: τυπογραφία, χρώματα, focus, touch targets. Τα templates/components έρχονται στη φάση (γ).
 */
body {
	background-color: var(--k-bg);
	color: var(--k-text);
	font-family: var(--k-font-body);
	font-size: var(--k-body);
	line-height: 1.65;
}

h1, h2, h3, h4, h5, h6,
.entry-title, .site-title, .main-title {
	font-family: var(--k-font-heading);
	font-weight: 800;
	color: var(--k-text);
	line-height: 1.15;
	letter-spacing: -0.015em;
	text-wrap: balance;
}
h1, .entry-title { font-size: var(--k-h1); }
h2 { font-size: var(--k-h2); }
h3 { font-size: var(--k-h3); }

a { color: var(--k-primary); text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
a:hover, a:focus { color: var(--k-secondary); }

:focus-visible { outline: var(--k-focus); outline-offset: 2px; }

button,
.button,
input[type="submit"],
input[type="button"],
.wp-block-button__link {
	min-height: var(--k-touch);
	min-width: var(--k-touch);
	padding: 10px 20px;
	border: 1px solid var(--k-primary);
	border-radius: var(--k-radius);
	background-color: var(--k-primary);
	color: var(--k-on-primary);
	font-family: var(--k-font-body);
	font-weight: 600;
	cursor: pointer;
}
button:hover, .button:hover, input[type="submit"]:hover, .wp-block-button__link:hover,
button:focus, .button:focus, input[type="submit"]:focus, .wp-block-button__link:focus {
	background-color: var(--k-secondary);
	border-color: var(--k-secondary);
	color: var(--k-on-primary);
}

input, select, textarea { min-height: var(--k-touch); border: 1px solid var(--k-border); border-radius: 6px; }

.main-navigation .main-nav ul li a { min-height: var(--k-touch); display: flex; align-items: center; }

.grid-container { max-width: var(--k-max); }

.site-footer, .site-info { background-color: var(--k-footer-bg); color: var(--k-footer-text); }
.site-footer a, .site-info a { color: var(--k-footer-text); }

.screen-reader-text:focus { background: var(--k-surface); color: var(--k-text); }