html {
    scroll-behavior: smooth;
}

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

.font-display {
    font-family: 'Cinzel', serif;
}

.star-field {
    background-image: radial-gradient(1.5px 1.5px at 20px 30px, rgba(232, 169, 58, 0.55), transparent),
        radial-gradient(1px 1px at 90px 80px, rgba(255, 255, 255, 0.4), transparent),
        radial-gradient(1.5px 1.5px at 160px 40px, rgba(232, 169, 58, 0.4), transparent),
        radial-gradient(1px 1px at 210px 110px, rgba(255, 255, 255, 0.3), transparent),
        radial-gradient(1.5px 1.5px at 260px 20px, rgba(232, 169, 58, 0.5), transparent),
        radial-gradient(1px 1px at 40px 140px, rgba(255, 255, 255, 0.35), transparent);
    background-repeat: repeat;
    background-size: 280px 160px;
}

.chip-active {
    background-color: #E8A93A !important;
    color: #1B1642 !important;
    border-color: #E8A93A !important;
}

.divider-chart {
    opacity: 0.06;
}

::selection {
    background: #E8A93A;
    color: #1B1642;
}

a:focus-visible,
button:focus-visible {
    outline: 2px solid #E8A93A;
    outline-offset: 2px;
}