/*
Theme Name: Nistula Quantum
Theme URI: https://www.nistulagroup.com/
Author: Nistula Business Solution
Author URI: https://www.nistulabusinesssolution.com/
Description: A 3D animated, high-end dynamic luxury theme for Nistula Business Solution (NBS) and global management consulting firms. Featuring interactive Three.js WebGL 3D Quantum Nexus animations, live logo resizing, deep Customizer API integration, dynamic header/footer customization, and a light luxury palette inspired by the NBS crimson red and platinum silver brand identity. Strictly designed with no black background.
Version: 1.0.0
Tested up to: 6.7
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary / All Rights Reserved
License URI: https://www.nistulabusinesssolution.com/terms
Text Domain: nistula-quantum
Tags: threejs, 3d-animation, full-site-editing, customizer, custom-logo, business, corporate, consulting, grid-layout, translation-ready
*/

:root {
  --brand-red: #C9252C;
  --brand-red-hover: #A81B21;
  --brand-red-light: #FFF1F2;
  --brand-red-border: #FECDD3;
  --brand-silver: #64748B;
  --brand-platinum: #CBD5E1;
  --brand-surface: #F8FAFC;
  --logo-width: 240px;
  --header-bg: rgba(255, 255, 255, 0.95);
  --site-font: 'Plus Jakarta Sans', sans-serif;
  --heading-font: 'Montserrat', sans-serif;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--brand-surface);
  color: #1E293B;
  font-family: var(--site-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Light Luxury Gradients & Accents */
.text-gradient-red {
  background: linear-gradient(135deg, #E22A32 0%, #C9252C 60%, #9B111E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-silver {
  background: linear-gradient(135deg, #475569 0%, #94A3B8 50%, #334155 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.glass-card {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(203, 213, 225, 0.7);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.glass-card:hover {
  border-color: rgba(201, 37, 44, 0.35);
  transform: translateY(-6px);
  box-shadow: 0 20px 40px -12px rgba(201, 37, 44, 0.12);
}

.custom-logo-wrap img {
  width: var(--logo-width);
  height: auto;
  max-width: 100%;
  display: block;
}