/*
Theme Name: INNSCOPE
Theme URI: https://innscope.com
Author: INNSCOPE
Author URI: https://innscope.com
Description: A custom WordPress theme for INNSCOPE — the smart gaming backpack company. Fully compatible with Elementor page builder for drag-and-drop editing.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
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: innscope
Tags: gaming, technology, one-column, custom-menu, featured-images, theme-options, elementor, full-width-template
*/

/* ============ CSS VARIABLES ============ */
:root {
  --deep-blue: #1b2166;
  --mid-blue: #2a3498;
  --light-blue: #6670b8;
  --card-blue: #7580c8;
  --gold: #f2c94c;
  --gold-hover: #e6b82e;
  --cream: #f5f0e8;
  --cyan-accent: #4dd9e0;
  --white: #ffffff;
  --text-light: #c8cce8;
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'DM Sans', sans-serif;
  --font-brand: 'Orbitron', sans-serif;
}

/* ============ RESET ============ */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  font-family: var(--font-body);
  color: var(--white);
  background: var(--deep-blue);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

a { text-decoration: none; color: inherit; }
img { max-width: 100%; height: auto; display: block; }
ul, ol { list-style: none; }

/* ============ WORDPRESS CORE ============ */
.alignwide { max-width: 1200px; margin-left: auto; margin-right: auto; }
.alignfull { width: 100%; max-width: 100%; }
.aligncenter { text-align: center; }
.alignleft { float: left; margin-right: 1.5rem; }
.alignright { float: right; margin-left: 1.5rem; }

.wp-block-image img { border-radius: 8px; }
.wp-block-button__link {
  background: var(--gold);
  color: var(--deep-blue);
  font-family: var(--font-body);
  font-weight: 600;
  padding: 0.85rem 2rem;
  border-radius: 4px;
  transition: all 0.3s;
}
.wp-block-button__link:hover {
  background: var(--gold-hover);
  transform: translateY(-2px);
}

/* Screen reader text - WP accessibility */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden;
}