/*
Theme Name: SROMsNSP
Theme URI: https://sromsnsp.local/
Author: SROMsNSP Team
Author URI: https://sromsnsp.local/
Description: A premium, ultra-fast dark gaming WordPress theme designed for Nintendo Switch enthusiasts, game specifications, reviews, guides, and homebrew resources. Built with modern semantic HTML5, Schema.org VideoGame and Article structured data, responsive mobile-first architecture, and full WordPress Customizer support.
Version: 1.0.0
Requires at least: 6.0
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: sromsnsp
Tags: gaming, dark-mode, custom-header, custom-menu, featured-images, full-width-template, theme-options, translation-ready, two-columns, right-sidebar
*/

/* ==========================================================================
   CSS Variables & Base Reset (Extended in assets/css/main.css)
   ========================================================================== */
:root {
  --snsp-bg-primary: #0a0d14;
  --snsp-bg-secondary: #111622;
  --snsp-bg-card: #161c2b;
  --snsp-bg-card-hover: #1e2538;
  --snsp-bg-glass: rgba(17, 22, 34, 0.85);

  --snsp-accent-blue: #00c3ff;
  --snsp-accent-red: #ff3366;
  --snsp-accent-purple: #8b5cf6;
  --snsp-accent-green: #10b981;
  --snsp-accent-amber: #f59e0b;

  --snsp-gradient-primary: linear-gradient(135deg, #00c3ff 0%, #ff3366 100%);
  --snsp-gradient-card: linear-gradient(180deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.005) 100%);
  --snsp-gradient-glow: radial-gradient(circle at 50% 0%, rgba(0, 195, 255, 0.15) 0%, transparent 70%);

  --snsp-text-primary: #f1f5f9;
  --snsp-text-secondary: #94a3b8;
  --snsp-text-muted: #64748b;
  --snsp-border-color: rgba(255, 255, 255, 0.08);
  --snsp-border-hover: rgba(0, 195, 255, 0.4);

  --snsp-font-display: 'Rajdhani', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --snsp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --snsp-font-mono: 'JetBrains Mono', Consolas, monospace;

  --snsp-radius-sm: 6px;
  --snsp-radius-md: 10px;
  --snsp-radius-lg: 16px;
  --snsp-radius-xl: 24px;
  --snsp-radius-full: 9999px;

  --snsp-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
  --snsp-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
  --snsp-shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.5);
  --snsp-shadow-glow: 0 0 20px rgba(0, 195, 255, 0.25);

  --snsp-container-width: 1280px;
  --snsp-transition-fast: 0.15s ease;
  --snsp-transition-normal: 0.25s ease;
}

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

html {
  font-family: var(--snsp-font-body);
  font-size: 16px;
  line-height: 1.6;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  background-color: var(--snsp-bg-primary);
  color: var(--snsp-text-primary);
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--snsp-bg-primary);
  color: var(--snsp-text-primary);
  overflow-x: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

a {
  color: var(--snsp-accent-blue);
  text-decoration: none;
  transition: color var(--snsp-transition-fast);
}

a:hover, a:focus {
  color: #38d4ff;
}

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