/* Healing Heart Cottage — Custom Style Enhancements */
/* These styles supplement the inline styles in index.html */

:root {
    --emerald-deep: #047857;
    --emerald-mid: #059669;
    --emerald-light: #10b981;
    --cream: #faf8f5;
    --cream-warm: #f5f0e8;
    --gold: #c9a84c;
    --gold-light: #d4af61;
    --gold-dark: #a8872e;
    --dark-bg: #0a0f0d;
    --dark-surface: #0f1a15;
    --dark-card: #131f19;
    --dark-border: #1e3328;
}

/* Ensure consistent gap utilities */
.grid-cols-1 > * { gap: 24px; }

/* Smooth focus visible outlines */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 2px;
    border-radius: 4px;
}

/* Selection color */
::selection {
    background: rgba(201, 168, 76, 0.3);
    color: var(--cream);
}

/* Image lazy load fade */
img[loading="lazy"] {
    transition: opacity 0.5s ease;
}

img[loading="lazy"]:not(.loaded) {
    opacity: 0;
}

img[loading="lazy"].loaded {
    opacity: 1;
}

/* Print styles */
@media print {
    .navbar, .mobile-menu, .hero-particles { display: none !important; }
    body { background: #fff; color: #111; }
    .hero { min-height: auto; padding: 40px 24px; }
    .section { padding: 40px 24px; }
    a { color: #111; }
}