/* Galaxy Nails & Spa — Custom Styles */

/* Base styles already handled by Tailwind + inline styles in index.html */
/* This file adds targeted custom enhancements */

/* Smooth scroll offset for fixed nav */
section[id] {
  scroll-margin-top: 80px;
}

/* Ensure hero is always visible (no JS dependency) */
#top {
  background-color: #120e0b;
}

/* Print styles */
@media print {
  header, #mobile-menu, .reveal { display: none !important; }
  body { color: #000; background: #fff; }
}

/* High contrast focus states for accessibility */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid #e85d2f;
  outline-offset: 2px;
}

/* Ensure all text meets contrast requirements */
.text-sand-200 { color: #f8d0be; }
.text-sand-300 { color: #f4ad8e; }
.text-sand-400 { color: #ef7d56; }
.text-sand-50 { color: #fefdfb; }
.text-sand-100 { color: #fdf9f0; }
.text-sand-300\/60 { color: rgba(244, 173, 142, 0.6); }
.text-sand-400\/60 { color: rgba(239, 125, 86, 0.6); }
.text-sand-400\/80 { color: rgba(239, 125, 86, 0.8); }
.text-sand-200\/70 { color: rgba(248, 208, 190, 0.7); }
.text-sand-300\/50 { color: rgba(244, 173, 142, 0.5); }
.text-sand-500\/50 { color: rgba(223, 179, 91, 0.5); }
.text-sand-500\/40 { color: rgba(223, 179, 91, 0.4); }
.text-dark-850\/60 { color: rgba(18, 14, 11, 0.6); }
.text-dark-850\/50 { color: rgba(18, 14, 11, 0.5); }
.text-dark-850\/30 { color: rgba(18, 14, 11, 0.3); }