/* Additional custom styles */
:root {
    --plum-50: #fbf5f8;
    --plum-100: #f6e8ee;
    --plum-200: #edd3dd;
    --plum-300: #e0afbd;
    --plum-400: #cc7f96;
    --plum-500: #b05272;
    --plum-600: #943a58;
    --plum-700: #7a2e48;
    --plum-800: #67283e;
    --plum-900: #5a2637;
    --plum-950: #310f1b;
    
    --amber-50: #fffcf5;
    --amber-100: #fff8e6;
    --amber-200: #fff0c4;
    --amber-300: #ffe48a;
    --amber-400: #ffd147;
    --amber-500: #fcbf11;
    --amber-600: #f3a408;
    --amber-700: #d17f08;
    --amber-800: #af6111;
    --amber-900: #8c4b13;
    --amber-950: #5a2d0a;
}

/* Smooth scrolling for the whole page */
html {
    scroll-behavior: smooth;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--plum-50);
}

::-webkit-scrollbar-thumb {
    background: var(--plum-300);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--plum-400);
}

/* Focus styles for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--amber-400);
    outline-offset: 2px;
}

/* Print styles */
@media print {
    nav,
    #mobile-menu,
    .reveal {
        display: none !important;
    }
    
    body {
        color: #000;
        background: #fff;
    }
    
    .hero-gradient {
        background: var(--plum-50) !important;
    }
}