/*
Theme Name: LES LED Ekran Sistemleri
Theme URI: https://www.ledekransistemleri.com.tr/
Author: LES / Bitges Bilişim Teknolojileri
Author URI: https://www.ledekransistemleri.com.tr/
Description: LES LED Ekran Sistemleri için özel geliştirilmiş, premium, sektöre özel WordPress teması. Gökkuşağı marka renkleri, tam SEO altyapısı, ACF entegrasyonu, showroom videosu, interaktif piksel karşılaştırma modülü ve tüm ürün/proje custom post type'ları içerir.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
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: les
Tags: business, corporate, led-screen, custom-colors, custom-menu, custom-logo, featured-images, translation-ready
*/

/* ==========================================================================
   LES LED Theme — Root variables
   ========================================================================== */
:root {
  --les-navy-950: #050B18;
  --les-navy-900: #081529;
  --les-navy-800: #0F2F6E;
  --les-blue-600: #1D4ED8;
  --les-blue-500: #2563EB;
  --les-blue-400: #3B82F6;
  --les-cyan: #22D3EE;
  --les-bg: #F7F9FC;
  --les-white: #FFFFFF;
  --les-text: #0B1220;
  --les-text-muted: #4A5568;
  --les-border: rgba(15, 47, 110, 0.10);
  --les-shadow-sm: 0 2px 8px rgba(8, 21, 41, 0.06);
  --les-shadow-md: 0 8px 24px rgba(8, 21, 41, 0.10);
  --les-shadow-lg: 0 20px 60px rgba(8, 21, 41, 0.16);
  /* LES Rainbow palette (from logo) */
  --les-r-red: #FF3B30;
  --les-r-orange: #FF9500;
  --les-r-yellow: #FFCC00;
  --les-r-green: #34C759;
  --les-r-cyan: #00D4FF;
  --les-r-blue: #0A84FF;
  --les-r-purple: #AF52DE;
  --les-rainbow: linear-gradient(90deg, #FF3B30 0%, #FF9500 16%, #FFCC00 32%, #34C759 50%, #00D4FF 66%, #0A84FF 82%, #AF52DE 100%);
  --les-font-heading: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --les-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Full CSS is loaded from assets/css/main.css to keep style.css light for
   WordPress header parsing. Do NOT put heavy CSS here. */

body { margin: 0; font-family: var(--les-font-body); color: var(--les-text); background: var(--les-white); line-height: 1.6; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}