/* ============================================================
   Riri Intimate — Shared Global Stylesheet (main.css)
   ============================================================ */

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--ivory, #FAF8F4); }
::-webkit-scrollbar-thumb { background: var(--border, #E8E2DA); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--rose, #C9727A); }

/* Loading state */
.loading { opacity: 0.6; pointer-events: none; }

/* Text utilities */
.text-oxblood { color: var(--oxblood, #6B0F1A); }
.text-gold     { color: var(--gold, #C9A96E); }
.text-muted    { color: var(--muted, #7A7A8A); }

/* Margin/padding helpers */
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.5rem !important; }
.mb-2 { margin-bottom: 1rem !important; }
.mb-3 { margin-bottom: 1.5rem !important; }
.mb-4 { margin-bottom: 2rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.mt-3 { margin-top: 1.5rem !important; }
.mt-4 { margin-top: 2rem !important; }
.mt-5 { margin-top: 3rem !important; }
.text-center { text-align: center; }

/* Screen reader only */
.sr-only {
    position: absolute; width: 1px; height: 1px;
    padding: 0; margin: -1px; overflow: hidden;
    clip: rect(0,0,0,0); border: 0;
}

/* Fade-in animation for page transitions */
@keyframes pageIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
body { animation: pageIn 0.3s ease forwards; }