/*
Theme Name: NLT Productions
Theme URI: https://nltproductions.co.uk
Author: NLT Productions
Author URI: https://nltproductions.co.uk
Description: An ultra-modern, high-production-value WordPress theme & Coming Soon page for NLT Productions (nltproductions.co.uk). Features interactive countdown timer, dynamic particle visualizer, newsletter subscription, and responsive glassmorphism UI.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.7
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: nlt-productions
Tags: one-column, custom-colors, custom-logo, custom-menu, featured-images, full-site-editing, theme-options, translation-ready, coming-soon, dark-mode
*/

/* ==========================================================================
   Base Theme Variables & Global Resets
   ========================================================================== */

:root {
  --nlt-bg-deep: #060810;
  --nlt-bg-card: rgba(14, 18, 36, 0.7);
  --nlt-bg-card-hover: rgba(22, 28, 54, 0.85);
  --nlt-border: rgba(0, 240, 255, 0.18);
  --nlt-border-glow: rgba(0, 240, 255, 0.45);
  --nlt-cyan: #00F0FF;
  --nlt-purple: #7000FF;
  --nlt-magenta: #FF007A;
  --nlt-gold: #FFB800;
  --nlt-text-white: #FFFFFF;
  --nlt-text-muted: #94A3B8;
  --nlt-text-dim: #64748B;
  --nlt-font-sans: 'Space Grotesk', 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --nlt-font-display: 'Syncopate', 'Space Grotesk', system-ui, sans-serif;
  --nlt-radius-sm: 8px;
  --nlt-radius-md: 14px;
  --nlt-radius-lg: 24px;
  --nlt-radius-full: 9999px;
  --nlt-shadow-glow: 0 0 35px rgba(0, 240, 255, 0.25);
  --nlt-shadow-card: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
  --nlt-transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  background-color: var(--nlt-bg-deep);
  color: var(--nlt-text-white);
  font-family: var(--nlt-font-sans);
  line-height: 1.6;
  min-height: 100vh;
  overflow-x: hidden;
  position: relative;
  selection-background-color: var(--nlt-magenta);
  selection-color: #fff;
}

::selection {
  background: var(--nlt-magenta);
  color: #FFFFFF;
}

a {
  color: var(--nlt-cyan);
  text-decoration: none;
  transition: var(--nlt-transition);
}

a:hover {
  color: #fff;
  text-shadow: 0 0 8px var(--nlt-cyan);
}

img, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

button, input, textarea {
  font-family: inherit;
  font-size: inherit;
}