:root {
    --primary: #00B8FC;
    --secondary: #FF6329;
    --black: #000000;
    --white: #ffffff;
    --nt-01: #FAFAFA;
    --nt-02: #F5F5F5;
    --nt-03: #E5E5E5;
    --nt-04: #D4D4D4;
    --nt-05: #A3A3A3;
    --nt-06: #737373;
    --nt-07: #525252;
    --nt-08: #404040;
    --nt-09: #262626;
    --nt-10: #171717;
    --nt-11: #0A0A0A;

    --font-1: 'Inter', sans-serif;

    --transition: all 300ms ease;
    --border-radius: 4px;
    --hover-state: brightness(.8);
}


.font-weight-100 {
    font-weight: 100 !important;
}

.font-weight-200 {
    font-weight: 200 !important;
}

.font-weight-300 {
    font-weight: 300 !important;
}

.font-weight-400 {
    font-weight: 400 !important;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.font-weight-700 {
    font-weight: 700 !important;
}

.font-weight-800 {
    font-weight: 800 !important;
}

.font-weight-900 {
    font-weight: 900 !important;
}