* { /* NXD CSS Reset 2.0 */
    
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;

    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;

    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    
    box-sizing: border-box;
    
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	
}

:root {

    color-scheme: dark;

    --default-purple: #6c47ff;
    --default-red: color(display-p3 1 0.25 0.39); /* #ff1b5f */
    --default-green: color(display-p3 0.3 1 0.7); /* #00ffac */
    --default-yellow: color(display-p3 1 0.73 0.27); /* #ffb714 */
    
    --txt-primary: hsl(240, 20%, 80%);
    --txt-secondary: hsl(240, 10%, 55%);
    --txt-light: hsl(240, 13%, 30%);

    --bg-dark: #111117;
    --bg-light: hsl(240, 15%, 10%);

}

@font-face {

    font-display: swap;
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 100 800;
    src: url('../fonts/jetbrains-mono-vf.ttf') format('truetype');

}