/*
Theme Name: Protech Bike Stickers
Theme URI: https://protechstickers.com/
Description: Custom high-performance WordPress theme for Protech - Premium Motorcycle Decals, Graphic Kits & Bike Stickers with interactive live customizer.
Author: Protech Design Team
Author URI: https://protechstickers.com/
Template: generatepress
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: protech
Tags: e-commerce, custom-colors, custom-menu, featured-images, flexible-header, theme-options, translation-ready, woocommerce
*/

/* ==========================================================================
   PROTECH DESIGN SYSTEM & TOKENS
   ========================================================================== */

:root {
  /* Protech Light Theme Color Palette */
  --pt-red: #e50914;
  --pt-red-hover: #cc0812;
  --pt-bg-dark: #f8fafc;
  --pt-bg-header: #ffffff;
  --pt-bg-card: #ffffff;
  --pt-bg-card-hover: #f8fafc;
  --pt-bg-glass: rgba(255, 255, 255, 0.85);

  --pt-border: #e2e8f0;
  --pt-border-glow: #e50914;

  --pt-neon-cyan: #0284c7;
  --pt-neon-lime: #16a34a;
  --pt-neon-red: #e50914;
  --pt-neon-amber: #d97706;

  --pt-text-main: #0f172a;
  --pt-text-muted: #64748b;
  --pt-text-dark: #0f172a;

  /* Typography */
  --pt-font-heading: 'Rajdhani', 'Orbitron', -apple-system, BlinkMacSystemFont, sans-serif;
  --pt-font-subheading: 'Barlow Semi Condensed', -apple-system, BlinkMacSystemFont, sans-serif;
  --pt-font-body: 'Barlow', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Layout & Shadows */
  --pt-radius-sm: 6px;
  --pt-radius-md: 12px;
  --pt-radius-lg: 20px;
  --pt-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
  --pt-shadow-glow: 0 4px 20px rgba(229, 9, 20, 0.15);
  --pt-shadow-lime-glow: 0 4px 20px rgba(22, 163, 74, 0.15);

  /* Transitions */
  --pt-transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --pt-transition-normal: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* General Resets & Defaults */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  background-color: var(--pt-bg-dark) !important;
  color: var(--pt-text-main) !important;
  font-family: var(--pt-font-body);
  font-weight: 400;
  margin: 0;
  padding: 0;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--pt-red);
  text-decoration: none;
  transition: color var(--pt-transition-fast);
}

a:hover {
  color: var(--pt-red-hover);
}

/* Primary Headings: Bold, Technical & Motorsport-inspired */
h1,
h2 {
  font-family: var(--pt-font-heading);
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--pt-text-main);
  margin-top: 0;
}

/* Sub-headings: Condensed, Industrial Garage Signage aesthetic */
h3,
h4,
h5,
h6 {
  font-family: var(--pt-font-subheading);
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: var(--pt-text-main);
  margin-top: 0;
}