﻿:root {
    --nt-color-neutral-primary: #36373B; /* Text color */
    --nt-color-neutral-secondary: #ACAFB8; /* Action color, Secondary text, Stroke default */
    --nt-color-neutral-disabled: #E2E4E7; /* Actions disabled */
    --nt-color-neutral-light: #FFFFFF; /*  */
    

    --nt-color-main-primary: var(--nt-color-main-primary); /* Default action buttons, Hovers, Titles */
    --nt-color-main-secondary: #523179; /* Buttons Hover */
    --nt-color-main-shade: #432961; /* Shadows */
    --nt-color-main-darken: #432961; /* Shadows */
    --nt-color-main-focused: #DCE0FF; /* Focused Objects */

    --nt-color-background-primary: #F6F4F9; /* Background Color for page */
    --nt-color-background-secondary: #FFFFFF; /* Background Color for components */

    --nt-color-processing-primary: #FC9C44;
    --nt-color-processing-secondary: #FFF3E8;

    --nt-color-warning-primary: #F7DA1D;
    --nt-color-warning-secondary: #FEFAE3;

    --nt-color-success-primary: #19C868;
    --nt-color-success-secondary: #DFFBEC;

    --nt-color-error-primary: #F6404B;
    --nt-color-error-secondary: #FEE7E8;
    
    --nt-color-info-primary: var(--nt-color-main-primary);
    --nt-color-info-secondary: #DCE0FF;

    /* Gradients */
    --nt-gradient-primary: linear-gradient(var(--nt-color-main-primary) 11.56%, var(--nt-color-main-secondary) 98.48%);
    --nt-gradient-primary-vertical: linear-gradient(var(--nt-color-main-primary) 11.56%, var(--nt-color-main-secondary) 98.48%); /* Used in blocks */
    --nt-gradient-primary-horizontal: linear-gradient(to right, var(--nt-color-main-primary) 11.56%, var(--nt-color-main-secondary) 98.48%); /* Used in blocks */

    /* Shadows */
    --nt-shadow-primary: 1px 2px 2px rgba(40, 5, 113, 0.1); /* Used in blocks */
    --nt-shadow-focused: 0px 0px 10px rgba(40, 5, 113, 0.2); /* Used in focused blocks */
    --nt-shadow-over: 0px 0px 20px var(--nt-color-main-shade); /* Used Used over gadient */

    /* Scrollbar */
    --nt-scroolbar-primary-background: var(--nt-color-background-primary);
    --nt-scroolbar-primary-foreground: var(--nt-color-main-primary);
}

/* :root {
    --bs-primary: var(--nt-color-main-primary);
    --bs-primary: var(--nt-color-neutral-primary);
    --bs-danger: var(--nt-color-error-primary);
    --bs-success: var(--nt-color-success-primary);
} */
