/*
Theme Name: AETHOS IT
Theme URI: https://www.aethosit.com
Author: AETHOSIT LLC
Author URI: https://www.aethosit.com
Description: A fast, fully responsive WordPress + WooCommerce theme for the AETHOS IT digital agency. Sells fixed-price service packages via one-time Stripe payments, with a WPForms-powered quote request funnel. Auto-creates Home, Services, About, Contact, Terms, Refund, and Privacy pages and is engineered to pass Stripe review.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
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: aethos-it
*/

/*
  This file holds the WordPress theme header (required) plus the design tokens.
  The full responsive styles live in /assets/css/main.css and /assets/css/woocommerce.css,
  which are enqueued in inc/enqueue.php.
*/

:root {
    /* Brand palette */
    --ai-primary: #6366F1;        /* indigo — buttons, links, accents */
    --ai-primary-dark: #4F46E5;   /* darker indigo — hovers */
    --ai-primary-soft: #EEF0FB;   /* light lavender — alt section backgrounds */
    --ai-navy: #1E2A4A;           /* dark navy — headings, footer */
    --ai-navy-deep: #172038;      /* deeper navy — footer base */

    --ai-bg: #FFFFFF;             /* page background */
    --ai-bg-alt: #EEF0FB;         /* alternating section background */
    --ai-text: #2A3550;           /* body text */
    --ai-muted: #6B7280;          /* muted/secondary text */
    --ai-border: #E5E7EB;         /* hairline borders */
    --ai-white: #FFFFFF;

    /* Feedback colours */
    --ai-success: #16A34A;
    --ai-error: #DC2626;
    --ai-info: #2563EB;

    /* Typography */
    --ai-font-heading: "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif;
    --ai-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

    /* Layout */
    --ai-container: 1200px;
    --ai-radius: 10px;
    --ai-radius-lg: 16px;
    --ai-shadow: 0 10px 30px rgba(30, 42, 74, 0.08);
    --ai-shadow-lg: 0 20px 50px rgba(30, 42, 74, 0.12);
    --ai-gap: 24px;
}