/* Theme Name: Zdravoe Theme
Author: Yulia
Description: Custom WP theme for biblically-informational site
Version: 1.0 */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Merriweather:ital,wght@0,700;0,900;1,700;1,900&display=swap');

:root {
	--font-size: 16px;
	--background: #FAF8F5;
	--foreground: #252525;
	--card: #ffffff;
	--card-foreground: #252525;
	--popover: #ffffff;
	--popover-foreground: #252525;
	--primary: #030213;
	--primary-foreground: #ffffff;
	--secondary: #f2f1f8;
	--secondary-foreground: #030213;
	--muted: #ececf0;
	--muted-foreground: #717182;
	--accent: #e9ebef;
	--accent-foreground: #030213;
	--destructive: #d4183d;
	--destructive-foreground: #ffffff;
	--border: rgba(0, 0, 0, 0.1);
	--input: transparent;
	--input-background: #f3f3f5;
	--switch-background: #cbced4;
	--font-weight-medium: 500;
	--font-weight-normal: 400;
	--ring: #b32d2d;
	--radius: 10px;
	--warm-yellow: #F5C542;
	--warm-brown: #8A6A5B;
	--warm-beige: #FAF8F5;
	--deep-gray: #4A4A4A;
}

body {
	background-color: var(--background);
	color: var(--foreground);
	font-size: var(--font-size);
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	line-height: 1.6;
}

/* Избегаем дёргания хедера из‑за появления/исчезновения скроллбара */
html { overflow-y: scroll; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Merriweather', Georgia, serif;
	color: var(--foreground);
	line-height: 1.4;
	margin-top: 0;
}

h1 {
	font-size: 2.25rem;
	font-weight: 500;
}

h2 {
	font-size: 1.875rem;
	font-weight: 500;
}

h3 {
	font-size: 1.5rem;
	font-weight: 500;
}

h4 {
	font-size: 1.25rem;
	font-weight: 500;
}

h5 {
	font-size: 1rem;
	font-weight: 500;
}

h6 {
	font-size: 0.875rem;
	font-weight: 500;
}

p, label, input, button {
	font-size: 1rem;
	line-height: 1.5;
}

.serif {
	font-family: 'Merriweather', Georgia, serif;
}

button {
	font-weight: var(--font-weight-medium);
	background-color: var(--primary);
	color: var(--primary-foreground);
	border-radius: var(--radius);
	padding: 0.5em 1em;
	border: none;
	cursor: pointer;
}

input {
	background-color: var(--input-background);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: 0.5em;
	color: var(--foreground);
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 1rem;
}

/* Dark Mode Support */
.dark body {
	background-color: #1c1c1c;
	color: #f5f5f5;
}

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
	color: #ffffff;
}

.dark input {
	background-color: #2a2a2a;
	color: #ffffff;
	border-color: #444;
}

.dark button {
	background-color: #ffffff;
	color: #030213;
}

/* Content safety: prevent horizontal overflow on small screens */
.prose { word-wrap: break-word; overflow-wrap: anywhere; }
.prose pre { white-space: pre-wrap; word-break: break-word; overflow-x: auto; }
.prose code { word-break: break-word; }
.prose table { display: block; width: 100%; overflow-x: auto; }
.prose img, .prose video { max-width: 100%; height: auto; }
.prose a { word-break: break-word; }