/*
Theme Name:   Misty Hills 2026
Theme URI:    https://mistyhills.co
Description:  Child theme of Hello Elementor for Misty Hills 2026 rebuild. Loads Cormorant Garamond for editorial display type and registers it with Elementor so Global Fonts can use it. Small style overrides layered on top of Elementor's global settings — colors and typography scales live in Elementor Site Settings, not here.
Author:       Unwyre for Magna Homes
Author URI:   https://mistyhills.co
Template:     hello-elementor
Version:      1.0.0
Text Domain:  misty-hills-2026
*/

/* Minimal overrides only. Everything else is Elementor Global Settings.
   The point of this file is to make Cormorant available site-wide and to
   set a couple of edge-case rules that don't fit cleanly into Elementor globals. */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Editorial-italic accent word helper — apply via class="mh-accent-word" on any inline span.
   Used to echo the brochure's "Misty / Escape / Yours" gold italic script moments. */
.mh-accent-word {
    font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif;
    font-style: italic;
    font-weight: 500;
    color: #C9A25A;
}

/* Global focus outline for accessibility — Elementor doesn't set a strong one by default */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 2px solid #32BDB7;
    outline-offset: 2px;
}