@font-face {
    font-family: 'Bricolage Grotesque';
    src: url('fonts/bricolage-grotesque.ttf') format('truetype');
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
}
:root {
    --vc-plum: #392340;
    --vc-lilac: #e9ddf5;
    --vc-lime: #d8f36a;
    --base: 286 29% 19%;
    --base-h: 286;
    --base-s: 29%;
    --base-l: 19%;
    --heading-font: 'Bricolage Grotesque', 'Segoe UI', sans-serif;
}
body { caret-color: var(--vc-plum); }
h1, h2, h3, h4, h5, h6 { font-family: var(--heading-font); }
::selection { background: var(--vc-lime); color: var(--vc-plum); }
a, button, input, select, textarea { -webkit-tap-highlight-color: #e9ddf5; }
:focus-visible { outline: 3px solid #866394; outline-offset: 3px; }
input::placeholder, textarea::placeholder { color: #685b6e; opacity: 1; }
input, select, textarea { accent-color: var(--vc-plum); }
.logo img, .sidebar__logo img { width: 205px; height: auto; object-fit: contain; }
.dashboard-footer a { color: var(--vc-plum) !important; }
.cookies-card { background: #fff; color: #392340; border: 1px solid #e6dfeb; border-radius: 12px; }
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; animation-iteration-count: 1 !important; }
}