/*
Theme Name: LedMapping
Theme URI: https://ledmapping.ru/
Author: LedMapping Custom
Author URI: https://ledmapping.ru/
Description: Лёгкая независимая тема для сайта LedMapping — аренда и продажа беспроводного LED-света. Светлая минимал-эстетика, sticky-меню, мобильный аккордеон, кнопка «наверх». Vanilla CSS+JS, без jQuery и билдеров. Полная поддержка WooCommerce (каталог-заявка).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ledmapping
Tags: light, e-commerce, woocommerce, custom-menu, sticky-header, responsive-layout, custom-logo, featured-images
*/

/* ==========================================================================
   Дизайн-токены (светлая палитра). Все цвета/размеры — здесь.
   Сменить акцент → одна строка: --lm-accent.
   ========================================================================== */
:root {
	/* Поверхности */
	--lm-bg:           #ffffff;
	--lm-bg-soft:      #f5f7fa;
	--lm-surface:      #ffffff;
	--lm-surface-alt:  #eef2f7;
	--lm-surface-dark: #1e1b2e; /* тёмно-сиреневый (для подвала/hero) */

	/* Текст */
	--lm-text:        #0d1424;
	--lm-text-muted:  #5b6b85;
	--lm-text-faint:  #64728c;  /* затемнён: было #8a99b3 — проваливал контраст */
	--lm-text-link:   #7c3aed;  /* 5.69:1 на белом — PASS WCAG AA */
	--lm-text-link-h: #6d28d9;  /* 7.1:1 — PASS AAA, hover */
	--lm-text-on-accent: #ffffff;
	--lm-text-on-dark:    #eaf2ff;
	--lm-text-muted-dark: #93a4c0;
	--lm-text-faint-dark: #6b7d99;

	/* Границы */
	--lm-border:       #e3e9f2;
	--lm-border-strong:#cfd9e8;

	/* Акцент — сиреневый (светлая лаванда). Бело-сиреневая палитра. */
	--lm-accent:       #a78bfa;   /* основной сиреневый (лаванда) */
	--lm-accent-deep:  #8b5cf6;   /* насыщеннее, для hover/текста на светлом */
	--lm-accent-soft:  rgba(167,139,250,0.12);
	--lm-accent-glow:  rgba(167,139,250,0.40);
	--lm-violet:       #8b5cf6;
	--lm-violet-deep:  #7c3aed;
	--lm-violet-soft:  rgba(139,92,246,0.12);
	--lm-violet-glow:  rgba(139,92,246,0.35);
	--lm-grad-accent:  linear-gradient(135deg, var(--lm-accent) 0%, var(--lm-accent-deep) 100%);
	--lm-grad-violet:  linear-gradient(135deg, var(--lm-accent) 0%, var(--lm-violet-deep) 100%);

	/* Семантические */
	--lm-eco:    #8b5cf6; /* бейдж «беспроводной/батарейный» — сиреневый */
	--lm-eco-soft: rgba(139,92,246,0.14);
	--lm-gold:   #e0a800;
	--lm-danger: #dc2626;

	/* Типографика */
	--lm-font-body:    'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
	--lm-font-display: 'Montserrat', 'Inter', system-ui, sans-serif;
	--lm-fs-sm:   0.875rem;
	--lm-fs-base: 1rem;
	--lm-fs-md:   1.125rem;
	--lm-fs-lg:   1.375rem;
	--lm-fs-h3:   clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
	--lm-fs-h2:   clamp(1.6rem, 1.3rem + 1.4vw, 2.25rem);
	--lm-fs-h1:   clamp(2rem, 1.5rem + 2.6vw, 3.25rem);
	--lm-fs-hero: clamp(2.4rem, 1.6rem + 4vw, 4rem);

	/* Отступы */
	--sp-1: 0.25rem;  --sp-2: 0.5rem;  --sp-3: 0.75rem;  --sp-4: 1rem;
	--sp-5: 1.5rem;   --sp-6: 2rem;    --sp-7: 3rem;     --sp-8: 4rem;
	--sp-9: clamp(4rem, 2.5rem + 6vw, 7rem);

	/* Радиусы */
	--r-sm: 6px;  --r-md: 10px;  --r-lg: 16px;  --r-xl: 24px;  --r-pill: 999px;

	/* Тени */
	--sh-1: 0 1px 3px rgba(13,20,36,0.08), 0 1px 2px rgba(13,20,36,0.04);
	--sh-2: 0 4px 16px rgba(13,20,36,0.08), 0 2px 6px rgba(13,20,36,0.05);
	--sh-3: 0 16px 48px rgba(13,20,36,0.12), 0 4px 12px rgba(13,20,36,0.06);
	--sh-card: 0 2px 8px rgba(13,20,36,0.06), 0 1px 3px rgba(13,20,36,0.04);
	--sh-accent: 0 8px 24px var(--lm-accent-glow);

	/* Каркас */
	--lm-container: 1280px;
	--lm-content:   880px;
	--lm-header-h:  72px;

	/* Анимации */
	--t-fast: 0.15s ease;
	--t-base: 0.25s cubic-bezier(0.4,0,0.2,1);
	--t-slow: 0.45s cubic-bezier(0.16,1,0.3,1);
	--ease-out: cubic-bezier(0.16,1,0.3,1);

	/* z-index */
	--z-header: 100;  --z-dropdown: 200;  --z-overlay: 900;  --z-modal: 1000;
}