/*
Theme Name: ATech Child
Theme URI: https://atechsolutionsinc.com/
Description: Custom child theme for ATech Solutions Inc. — built on the Astra parent theme. Aurora Bento visual system: glass navigation, animated gradient mesh hero, asymmetric bento service grid, and modernized component library.
Author: ATech Solutions Inc.
Author URI: https://atechsolutionsinc.com/
Template: astra
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: atech-child
*/

:root {
    /* Brand */
    --atech-navy: #0B2545;
    --atech-navy-700: #173a6a;
    --atech-navy-900: #050F1F;
    --atech-blue: #1E88E5;
    --atech-blue-700: #1565C0;
    --atech-cyan: #22D3EE;
    --atech-violet: #6366F1;

    /* Surfaces */
    --atech-bg: #FFFFFF;
    --atech-bg-soft: #F6F8FC;
    --atech-bg-aurora: #FAFBFF;
    --atech-bg-ink: #0A0F1F;

    /* Text */
    --atech-text: #1F2937;
    --atech-text-strong: #0F172A;
    --atech-muted: #64748B;
    --atech-muted-2: #94A3B8;

    /* Borders */
    --atech-border: #E2E8F0;
    --atech-border-soft: #EEF2F7;
    --atech-border-strong: #CBD5E1;

    /* Radius scale */
    --atech-radius-sm: 10px;
    --atech-radius: 16px;
    --atech-radius-lg: 24px;
    --atech-radius-xl: 32px;
    --atech-radius-pill: 999px;

    /* Shadow scale */
    --atech-shadow-sm: 0 1px 2px rgba(11, 37, 69, 0.06);
    --atech-shadow-md: 0 8px 32px -8px rgba(11, 37, 69, 0.12);
    --atech-shadow-lg: 0 24px 64px -16px rgba(11, 37, 69, 0.18);
    --atech-shadow-glow: 0 0 0 1px rgba(30, 136, 229, 0.10), 0 16px 48px -10px rgba(30, 136, 229, 0.28);
    --atech-shadow-inset: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);

    /* Glass */
    --atech-glass: rgba(255, 255, 255, 0.72);
    --atech-glass-strong: rgba(255, 255, 255, 0.88);
    --atech-glass-border: rgba(15, 23, 42, 0.06);
    --atech-glass-blur: saturate(180%) blur(20px);

    /* Aurora gradient stops */
    --atech-aurora-1: rgba(99, 102, 241, 0.14);   /* violet */
    --atech-aurora-2: rgba(34, 211, 238, 0.14);   /* cyan */
    --atech-aurora-3: rgba(30, 136, 229, 0.16);   /* electric blue */
    --atech-grad-brand: linear-gradient(135deg, #1E88E5 0%, #6366F1 100%);
    --atech-grad-brand-hover: linear-gradient(135deg, #1565C0 0%, #4F46E5 100%);
    --atech-grad-cool: linear-gradient(135deg, #22D3EE 0%, #1E88E5 100%);
    --atech-grad-ink: linear-gradient(135deg, #0B2545 0%, #173a6a 100%);

    /* Layout */
    --atech-container: 1240px;
    --atech-container-wide: 1360px;
    --atech-gutter: 24px;

    /* Motion */
    --atech-ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
    --atech-ease-spring: cubic-bezier(0.34, 1.4, 0.6, 1);
    --atech-dur-fast: 160ms;
    --atech-dur: 240ms;
    --atech-dur-slow: 420ms;
}

@media (prefers-reduced-motion: reduce) {
    :root { --atech-dur-fast: 0ms; --atech-dur: 0ms; --atech-dur-slow: 0ms; }
    *,
    *::before,
    *::after {
        animation-duration: 0ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0ms !important;
        scroll-behavior: auto !important;
    }
}