/*
Theme Name: Lykeva
Theme URI: https://lykeva.com/
Author: Lykeva
Description: Custom theme for lykeva.com. AI consulting homepage, four example-industry pages and a blog. Fonts and images are bundled; the theme loads nothing from other servers.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lykeva
*/

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(assets/fonts/roboto-latin.woff2) format('woff2');
}

@font-face {
	font-family: 'Roboto Mono';
	font-style: normal;
	font-weight: 100 700;
	font-display: swap;
	src: url(assets/fonts/roboto-mono-latin.woff2) format('woff2');
}

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

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: #ffffff;
	color: #343b4c;
	font-family: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;
	font-size: 17px;
	line-height: 1.6;
}

img {
	max-width: 100%;
}

a {
	color: #0f1c3f;
	text-decoration: none;
}

a:hover {
	color: #26457f;
}

a.btn:hover {
	color: #ffffff;
	filter: brightness(1.1);
}

a.ghost:hover {
	border-color: #26457f;
}

a:focus-visible {
	outline: 3px solid #0f1c3f;
	outline-offset: 3px;
}

.skip-link {
	position: absolute;
	left: -9999px;
	top: 8px;
	z-index: 100;
	background: #0f1c3f;
	color: #ffffff;
	padding: 10px 16px;
	border-radius: 6px;
}

.skip-link:focus {
	left: 8px;
	color: #ffffff;
}

/* Sections that are linked to from the header should not hide under the top edge. */
section[id] {
	scroll-margin-top: 16px;
}

/* Text pages: privacy policy, terms, blog articles. */
.prose {
	max-width: 760px;
}

.prose h1 {
	margin: 0 0 24px;
	font-size: 48px;
	line-height: 1.08;
	letter-spacing: -0.02em;
	color: #0f1c3f;
}

.prose h2 {
	margin: 40px 0 12px;
	font-size: 26px;
	line-height: 1.2;
	color: #0f1c3f;
}

.prose h3 {
	margin: 28px 0 8px;
	font-size: 20px;
	color: #0f1c3f;
}

.prose p,
.prose ul,
.prose ol {
	margin: 0 0 16px;
}

.prose ul,
.prose ol {
	padding-left: 22px;
}

.prose li {
	margin-bottom: 8px;
}

.prose a {
	color: #26457f;
	text-decoration: underline;
}

.prose img {
	height: auto;
	border-radius: 12px;
}

.post-meta {
	font-family: 'Roboto Mono', ui-monospace, Menlo, Consolas, monospace;
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #5c6577;
}

@media (max-width: 720px) {
	.sec {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.h1 {
		font-size: 42px !important;
	}

	.h2 {
		font-size: 31px !important;
	}

	.prose h1 {
		font-size: 36px;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}