:root {
    --plum-950: #1a0a1e;
    --plum-900: #2d1230;
    --plum-800: #3d1845;
    --plum-700: #5a2468;
    --amber-400: #fbbf24;
    --amber-500: #d97706;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--plum-950);
    color: #f4e6fb;
}

::selection {
    background-color: rgba(217, 119, 6, 0.3);
    color: #f4e6fb;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(0.7) sepia(1) saturate(3) hue-rotate(10deg);
}

@media (max-width: 768px) {
    .font-display {
        font-size: clamp(2rem, 8vw, 3rem);
    }
}