@import url("inputs.css");
@import url("buttons.css");

:root {
    --nx-color-text: #212529;
    --nx-color-text-on-primary: #fff;
    --nx-color-text-muted: #6c757d;
    --nx-color-canvas: #f7f7f7; /*paper*/
    --nx-color-canvas-border: #e0e0e0;
    --nx-color-primary: #583787;
    --nx-color-primary-dark: #120f15;
    --nx-color-primary-dark-lighter: #8160af;
    --nx-color-primary-light: #ddcef1;
    --nx-color-primary-light-lighter: #f2eef7;
    --nx-color-border-disabled: #e7e1f0;
    --nx-color-border-bottom: rgba(73, 45, 112, .5098039216);
    --nx-color-control-background: #fff;
    --nx-color-danger-background: #dc3545;
    --nx-color-danger: rgb(220, 53, 69);
    --nx-color-danger-hover: #c82333;
    --nx-color-danger-border: #f00;
    --nx-color-focus: #86b7fe;
    --nx-color-focus-shadow: rgb(13 110 253 / 25%);
    --nx-color-warning: #ffc107;
    --nx-color-info: #000082;
    --nx-color-info-bg: #cae4fab8;
    --nx-color-succes: #198754;
}