/*
Theme Name: Canada Appliance Repair
Theme URI: https://canadaappliancerepairs.com/
Description: A premium, fast, and SEO-optimized custom theme for Canada Appliance Repair, compatible with Elementor Pro and Rank Math. Built with a technical, modern aesthetic inspired by iFixit and Stripe.
Version: 1.0.0
Author: Lead Architect
Author URI: https://canadaappliancerepairs.com/
Text Domain: canada-appliance-repair
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, accessibility-ready
*/

/* ==========================================================================
   RESET & BASE STYLES
   ========================================================================== */
*, *::before, *::after {
    box-sizing: border-box;
}

html {
    font-family: var(--font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
    font-size: 16px;
    line-height: 1.6;
    color: var(--color-neutral-700);
    background-color: var(--color-neutral-50);
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Ensure focus-visible rings for WCAG accessibility */
:focus-visible {
    outline: 2px solid var(--color-primary, #D72B2B);
    outline-offset: 2px;
}

/* Hide animations if user prefers reduced motion */
@media (prefers-reduced-motion: reduce) {
    *, ::before, ::after {
        animation-delay: -1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        background-attachment: initial !important;
        scroll-behavior: auto !important;
        transition-duration: 0s !important;
        transition-delay: 0s !important;
    }
}