/* 
    Custom Styles for Thedollstrapp
    Palette: Burgundy (#7C1D36) + Blush (#FCE7F3) + Stone Neutrals
*/

:root {
    --color-rose-950: #4C0519;
    --color-rose-900: #7C1D36;
    --color-rose-700: #BE185D;
    --color-stone-50: #FAFAF9;
    --color-stone-100: #F5F5F4;
    --color-stone-900: #1C1917;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Manrope', sans-serif;
}

h1, h2, h3, h4, .font-serif {
    font-family: 'Cinzel', serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: var(--color-stone-100);
}
::-webkit-scrollbar-thumb {
    background: var(--color-rose-900);
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--color-rose-950);
}

/* Animation Utilities */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Navbar Transition */
nav.scrolled #nav-bg {
    opacity: 1;
}

/* Form Focus States */
input:focus, select:focus, textarea:focus {
    box-shadow: 0 0 0 2px rgba(124, 29, 54, 0.2);
}