/*
Theme Name: TintingClass Custom
Theme URI: https://tintingclass.com
Author: HITEK Films
Author URI: https://hitekfilms.com
Description: Purpose-built theme for TintingClass.com — in-person window-tint / PPF / ceramic class booking, certification, and student/admin dashboards on WooCommerce. Replaces the legacy commercial theme + STM LMS + Paid Memberships Pro with a lean, fast, custom stack.
Version: 0.1.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
Text Domain: tintingclass-custom
*/

/*
 * This file is the WordPress-required theme manifest plus brand design tokens.
 * The main utility/layout CSS is compiled by Tailwind to assets/css/main.css
 * (see package.json) and enqueued separately in functions.php.
 */

:root {
  --tc-red: #a70000;
  --tc-red-bright: #e60000;
  --tc-red-dark: #5e0000;
  --tc-red-gradient: linear-gradient(135deg, #5e0000 0%, #a70000 55%, #e60000 100%);
  --tc-black: #000000;
  --tc-white: #ffffff;
  --tc-font-display: "Oswald", "Impact", system-ui, sans-serif;
  --tc-font-body: "Poppins", system-ui, -apple-system, sans-serif;
  --tc-font-script: "Caveat", cursive;
}

/* Mobile baseline — kept here (not just Tailwind) so it works even if utilities fail to load. */
*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  max-width: 100vw;
  overflow-x: hidden;
  background: var(--tc-black);
  color: var(--tc-white);
  font-family: var(--tc-font-body);
}

img,
video { max-width: 100%; height: auto; }

/* Prevent iOS auto-zoom on focus + meet Apple HIG touch target minimum. */
input,
select,
textarea { font-size: 16px; }

button,
.tc-btn,
[role="button"] { min-height: 44px; }

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

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}