/* 
  Oredock Saloon - Custom Styles
  Complementary to Tailwind CSS
*/

body {
    background-color: #fdf6e3; /* ore-cream */
}

/* Smooth transitions for interactive elements */
a, button, img, input, textarea {
    transition: all 0.3s ease;
}

/* Focus states for accessibility */
a:focus, button:focus {
    outline: 2px solid #d97706; /* ore-accent */
    outline-offset: 2px;
}

/* Ensure images don't overflow containers on small screens */
img {
    max-width: 100%;
    height: auto;
}

/* Custom selection color */
::selection {
    background-color: #d97706;
    color: white;
}