/* Mount Royal Inn — Custom Styles */
/* Base styles and Tailwind overrides */

/* Ensure gold/terracotta colors work with Tailwind */
.text-sand-400 { color: #d4a84b; }
.text-sand-500 { color: #a88628; }
.text-sand-200 { color: #f5e8a8; }
.text-sand-200\/70 { color: rgba(245,232,168,0.7); }
.text-sand-200\/60 { color: rgba(245,232,168,0.6); }
.text-sand-100 { color: #fdf9ec; }
.text-sand-100\/80 { color: rgba(253,249,236,0.8); }
.text-sand-300\/60 { color: rgba(245,232,168,0.6); }
.text-sand-500 { color: #a88628; }

.bg-sand-200 { background-color: #f5e8a8; }
.bg-sand-500 { background-color: #a88628; }

.text-terracotta-500 { color: #e54d1e; }
.text-terracotta-400 { color: #ed7042; }

/* Smooth transitions for all interactive elements */
a, button, .room-card, .hero-card, .testimonial-card, .feature-card {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Selection color */
::selection {
    background: rgba(199, 90, 42, 0.3);
    color: #f0ebe0;
}

/* Focus visible styles */
:focus-visible {
    outline: 2px solid #d4a84b;
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .navbar, .mobile-menu, #mobileMenuBtn { display: none !important; }
    body { background: white; color: black; }
    .section-pad { padding: 2rem 1rem; }
}