/*
Theme Name: BMVZ Signal
Theme URI: https://example.com
Author: Studio
Author URI: https://example.com
Description: Тема для промо-сторінки батальйону мобільних вузлів зв'язку. Темний дизайн, заготовки під фото, готова під подальшу побудову внутрішнього сервісу обліку особового складу.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bmvz
Tags: dark, military, one-page, custom-menu, featured-images, translation-ready
*/

/* ==========================================================================
   Design tokens
   ========================================================================== */
:root {
	/* Палітра */
	--c-bg:        #0B0E11; /* основний фон — нічний тактичний чорний */
	--c-bg-soft:   #11161B; /* секції */
	--c-surface:   #161D24; /* картки */
	--c-surface-2: #1E2730; /* картки hover / елементи */
	--c-border:    #2A343C;
	--c-border-soft: #1E2730;

	--c-text:      #E7ECEF; /* основний текст */
	--c-text-dim:  #9FB0BC; /* приглушений текст */
	--c-text-mute: #6B7C88;

	--c-signal:    #5EFFB0; /* фосфорно-зелений — сигнал/радар */
	--c-signal-dim: #2E6E55;
	--c-amber:     #FF9D42; /* шкала радіо — акцент CTA */
	--c-amber-dim: #6E4A28;

	/* Типографіка */
	--f-display: 'Oswald', 'Arial Narrow', sans-serif;
	--f-body:    'IBM Plex Sans', 'Segoe UI', sans-serif;
	--f-mono:    'JetBrains Mono', 'Courier New', monospace;

	/* Розміри */
	--container: 1200px;
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 16px;

	--gap: clamp(1rem, 2vw, 2rem);
	--section-pad: clamp(3.5rem, 8vw, 7rem);
}

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

html { scroll-behavior: smooth; }

body {
	margin: 0;
	background: var(--c-bg);
	color: var(--c-text);
	font-family: var(--f-body);
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

img { max-width: 100%; display: block; }

a { color: inherit; text-decoration: none; }

ul, ol { padding: 0; margin: 0; list-style: none; }

button { font-family: inherit; cursor: pointer; }

h1, h2, h3, h4, h5 {
	font-family: var(--f-display);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	line-height: 1.15;
	margin: 0;
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* Visible focus state */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid var(--c-signal);
	outline-offset: 2px;
}

.screen-reader-text {
	position: absolute !important;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}