/*
Theme Name: Carts HQ
Theme URI: https://cartshq.com
Author: Carts HQ
Author URI: https://cartshq.com
Description: Premium luxury golf cart dealership theme for Carts HQ — Green Cove Springs, Florida. Built with Tailwind CSS, GSAP, and a React vehicle configurator.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Tested up to: 6.6
WC requires at least: 8.0
WC tested up to: 9.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cartshq
Tags: e-commerce, woocommerce, custom, one-column, full-width-template, accessibility-ready

Carts HQ — A premium, full-width, video-driven theme inspired by Tesla / Rivian / Lucid / Porsche.
*/

/* This file intentionally left as the WP theme identity stylesheet only.
   All visual styles are compiled into /css/tailwind-output.css and
   /css/main.css, enqueued via functions.php (see inc/enqueue.php). */

:root {
  --chq-black: #0a0a0c;
  --chq-charcoal: #15161a;
  --chq-graphite: #232428;
  --chq-white: #f5f6f7;
  --chq-blue: #2e6bff;
  --chq-blue-deep: #1a3fb0;
  --chq-silver: #b9bdc4;
  --chq-success: #2ecc71;

  --font-display: 'Archivo', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

body {
  font-family: var(--font-body);
  background-color: var(--chq-black);
  color: var(--chq-white);
}

/* Visible keyboard focus ring — WCAG 2.4.7 */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--chq-blue);
  outline-offset: 3px;
  border-radius: 2px;
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  background: var(--chq-blue);
  color: #fff;
  padding: 0.75rem 1.25rem;
  z-index: 10000;
  font-weight: 600;
  font-family: var(--font-display);
}

.skip-link:focus {
  left: 0;
}