/*
Theme Name: AI Gear Tools
Theme URI: https://aigeartools.com
Author: Jason Grant
Author URI: https://aigeartools.com
Description: A fast, modern, EEAT-focused magazine theme for AI tool reviews, comparisons, and tutorials. Built for AIGearTools.com with glassmorphism cards, violet/teal-mint accents, dark-mode-ready CSS variables, schema markup, and Elementor Free compatibility.
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: aigeartools
Tags: blog, news, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, editor-style
*/

/*
 * The bulk of the styling lives in /assets/css/main.css and /assets/css/responsive.css,
 * which are enqueued via inc/enqueue.php. This file holds only the required WordPress
 * theme header (above) plus a few base resets so the theme degrades gracefully even if
 * the asset files fail to load.
 */

:root {
  --color-bg: #F7F8FC;
  --color-dark: #0F172A;
  --color-accent-1: #6C63FF;
  --color-accent-2: #00D8A4;
  --color-text: #1A1A2E;
  --color-text-secondary: #64748B;
  --color-border: #E2E8F0;
  --color-card: #FFFFFF;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.75;
  color: var(--color-text);
  background-color: var(--color-bg);
}

/* WordPress core required classes (accessibility / alignment) */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #fff;
  clip: auto !important;
  clip-path: none;
  color: var(--color-accent-1);
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.alignright { float: right; margin-left: 1.5em; }
.alignleft { float: left; margin-right: 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text { text-align: center; font-size: 0.875rem; color: var(--color-text-secondary); }
.sticky { display: block; }
.bypostauthor { display: block; }
.gallery-caption { display: block; }