:root {
    --logo-color: var(--electric-1);

    --site-background-color: var(--dark-base);
    --site-background-accent: var(--dark-tint-2);
    --site-nav-color: var(--custom-slate);

    --site-font-color: whitesmoke;
    --decorative-font: 'Syncopate', sans-serif;
    --text-font: 'Segoe UI', sans-serif;

    /*#2a394f*/
    --custom-slate: oklch(34.2% .044 257.287);
    /*--color-slate-800: oklch(34.2% .044 257.287);*/
    --slate-shade: #0f141c;
}