/**
 * Typography
 *
 * Font loading and base text styles.
 *
 * @package Svaros_Partneriai
 */

/* Google Fonts — Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
	font-family: var(--sp-font-family);
	font-size: var(--sp-text-base);
	font-weight: var(--sp-font-regular);
	line-height: var(--sp-leading-normal);
	color: var(--sp-color-text);
	background-color: var(--sp-color-bg);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--sp-font-family-heading);
	font-weight: var(--sp-font-bold);
	line-height: var(--sp-leading-tight);
	color: var(--sp-color-gray-900);
}

h1 { font-size: var(--sp-text-4xl); }
h2 { font-size: var(--sp-text-3xl); }
h3 { font-size: var(--sp-text-2xl); }
h4 { font-size: var(--sp-text-xl); }
h5 { font-size: var(--sp-text-lg); }
h6 { font-size: var(--sp-text-md); }

/* Entry content — WordPress block editor output */
.entry-content {
	line-height: var(--sp-leading-relaxed);
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
	margin-top: var(--sp-space-10);
	margin-bottom: var(--sp-space-4);
}

.entry-content p {
	margin-bottom: var(--sp-space-4);
}

.entry-content ul,
.entry-content ol {
	margin-bottom: var(--sp-space-4);
	padding-left: var(--sp-space-6);
}

.entry-content ul {
	list-style: disc;
}

.entry-content ol {
	list-style: decimal;
}

.entry-content li {
	margin-bottom: var(--sp-space-2);
}

.entry-content a {
	color: var(--sp-color-primary);
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color var(--sp-transition-fast);
}

.entry-content a:hover {
	color: var(--sp-color-primary-dark);
}

.entry-content blockquote {
	margin: var(--sp-space-6) 0;
	padding: var(--sp-space-4) var(--sp-space-6);
	border-left: 4px solid var(--sp-color-primary);
	background: var(--sp-color-gray-50);
	font-style: italic;
	border-radius: 0 var(--sp-radius-md) var(--sp-radius-md) 0;
}

.entry-content img {
	border-radius: var(--sp-radius-md);
}

.entry-content table {
	width: 100%;
	margin-bottom: var(--sp-space-6);
	border: 1px solid var(--sp-color-border);
	border-radius: var(--sp-radius-md);
	overflow: hidden;
}

.entry-content th,
.entry-content td {
	padding: var(--sp-space-3) var(--sp-space-4);
	text-align: left;
	border-bottom: 1px solid var(--sp-color-border-light);
}

.entry-content th {
	background: var(--sp-color-gray-100);
	font-weight: var(--sp-font-semibold);
}

.entry-content code {
	padding: var(--sp-space-1) var(--sp-space-2);
	background: var(--sp-color-gray-100);
	border-radius: var(--sp-radius-sm);
	font-size: 0.9em;
}