/*
 * tvk-hello-child — vizuálny jazyk podľa logo.jpg (vzorkované 2026-10-27).
 * Hello Elementor je „prázdne plátno“: tento stylesheet definuje typografiu,
 * farby a motív vĺn pre časť mimo Elementoru (blogový list, komentáre, archívy).
 * V Elementore sa rovnaké hodnoty zadajú ako Global Colors (pozri EDITOR-GUIDE).
 */
:root {
	--tvk-primary: #0B4A74;
	--tvk-primary-dark: #08395B;
	--tvk-primary-light: #0EA6A6;
	--tvk-accent: #0EA6A6;
	--tvk-accent-soft: #D6EFEE;
	--tvk-bg: #FBFAF6;
	--tvk-surface: #FFFFFF;
	--tvk-text: #153247;
	--tvk-muted: #4A5A63;
}

html { scroll-behavior: smooth; }
body { background: var(--tvk-bg); color: var(--tvk-text); font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; line-height: 1.65; }

a { color: var(--tvk-primary); text-decoration: none; }
a:hover, a:focus { color: var(--tvk-accent); text-decoration: underline; }

.site-header, .site-footer { background: var(--tvk-surface); }
.site-header { border-bottom: 3px solid var(--tvk-primary); }
.site-footer { background: var(--tvk-primary-dark); color: #E8EEF2; border-top: 4px solid var(--tvk-accent); }
.site-footer a { color: var(--tvk-accent-soft); }

h1, h2, h3 { color: var(--tvk-primary-dark); line-height: 1.25; }

/* Motív vĺn (CSS-only dekorácia, logo sa nedeformuje) */
.tvk-wave {
	height: 28px;
	background:
		radial-gradient(circle at 25% 100%, transparent 12px, var(--tvk-accent-soft) 13px, transparent 14px),
		radial-gradient(circle at 75% 0%, transparent 12px, var(--tvk-primary-light) 13px, transparent 14px);
	opacity: .55;
}

/* Blog list / archívy (mimo Elementoru) */
.blog-item .entry-title a { color: var(--tvk-primary-dark); }
.entry-meta { color: var(--tvk-muted); font-size: .875rem; }

/* Komentáre */
.comment-list .comment-awaiting-moderation { color: #8a6d1b; background: #fff8e1; padding: .5rem .75rem; border-left: 4px solid #e0b400; }

/* Responzívne */
@media (max-width: 768px) {
	body { font-size: 1rem; }
	.tvk-wave { height: 18px; }
}

a:focus-visible, button:focus-visible { outline: 3px solid var(--tvk-accent); outline-offset: 2px; }