/*
Theme Name: Let's Troubleshoot
Theme URI: https://letstroubleshoot.com.au
Author: Let's Troubleshoot
Author URI: https://letstroubleshoot.com.au
Description: A professional IT support and managed services WordPress theme with circuit-tech aesthetic, full-width sections, animated hero, services grid, and contact forms.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lets-troubleshoot
Tags: technology, business, one-page, custom-colors, custom-logo, full-width-template, sticky-post

/* ═══════════════════════════════════════════
   BRAND KIT — LET'S TROUBLESHOOT
   Colours, Typography, Spacing
═══════════════════════════════════════════ */

:root {
  /* ── PRIMARY PALETTE ── */
  --lt-blue-50:   #f0f9ff;
  --lt-blue-100:  #e0f2fe;
  --lt-blue-200:  #bae6fd;
  --lt-blue-300:  #7dd3fc;
  --lt-blue-400:  #38bdf8;
  --lt-blue-500:  #0ea5e9;
  --lt-blue-600:  #0284c7;
  --lt-blue-700:  #0369a1;
  --lt-blue-800:  #075985;
  --lt-blue-900:  #0c4a6e;

  /* ── ACCENT / CYAN ── */
  --lt-cyan-400:  #22d3ee;
  --lt-cyan-500:  #06b6d4;
  --lt-cyan-600:  #0891b2;

  /* ── DARK BACKGROUNDS ── */
  --lt-dark-950:  #020817;
  --lt-dark-900:  #0a0d14;
  --lt-dark-800:  #0d1117;
  --lt-dark-700:  #111827;
  --lt-dark-600:  #1f2937;

  /* ── NEUTRALS ── */
  --lt-gray-50:   #f9fafb;
  --lt-gray-100:  #f3f4f6;
  --lt-gray-200:  #e5e7eb;
  --lt-gray-300:  #d1d5db;
  --lt-gray-400:  #9ca3af;
  --lt-gray-500:  #6b7280;
  --lt-gray-600:  #4b5563;
  --lt-gray-700:  #374151;
  --lt-gray-800:  #1f2937;

  /* ── SUCCESS / WARNING / ERROR ── */
  --lt-green:     #22c55e;
  --lt-amber:     #f59e0b;
  --lt-red:       #ef4444;

  /* ── TYPOGRAPHY ── */
  --font-display: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif;
  --font-body:    'Barlow', 'Helvetica Neue', Arial, sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', 'Courier New', monospace;

  /* ── SPACING ── */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  40px;
  --space-2xl: 64px;
  --space-3xl: 96px;

  /* ── RADIUS ── */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* ── SHADOWS ── */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.3);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.4);
  --shadow-lg:  0 8px 40px rgba(0,0,0,0.5);
  --shadow-glow: 0 0 40px rgba(56,189,248,0.15);

  /* ── TRANSITIONS ── */
  --ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* ═══════════════════════════════════════════
   RESET & BASE
═══════════════════════════════════════════ */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
  font-family: var(--font-body);
  background: var(--lt-dark-900);
  color: #cbd5e1;
  overflow-x: hidden;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; height: auto; }
a { text-decoration: none; color: inherit; transition: color 0.25s; }
ul, ol { list-style: none; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }
input, textarea, select { font-family: inherit; }
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--lt-dark-900); }
::-webkit-scrollbar-thumb { background: var(--lt-blue-600); border-radius: 2px; }
::selection { background: var(--lt-blue-500); color: #fff; }