/* Once Upon A Shelf — Custom Styles */

/* Base */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-padding-top: 80px; }
body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Ensure all text is readable */
.text-white { color: #f1f5f9; }
.text-gray-200 { color: #e2e8f0; }
.text-gray-300 { color: #cbd5e1; }
.text-gray-400 { color: #94a3b8; }
.text-gray-500 { color: #64748b; }
.text-gray-600 { color: #475569; }
.text-gray-700 { color: #334155; }

/* Gold accents */
.text-gold-300 { color: #e0ca6e; }
.text-gold-400 { color: #d4b85a; }
.text-gold-500 { color: #c9a84c; }

/* Nav height */
.nav-glass { height: 72px; }

/* Mobile link hover */
.mobile-link { transition: color 0.2s ease; }

/* Focus styles */
a:focus-visible, button:focus-visible {
    outline: 2px solid #c9a84c;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Selection */
::selection {
    background: rgba(201, 168, 76, 0.3);
    color: #f1f5f9;
}