@screen-sm: 868px;
@screen-md: 1092px;
@screen-lg: 1300px;
@container-sm: 850px;
@container-md: 1070px;
@container-lg: 1270px;

@modal-md: 636px;

@gray-base: #151515;
@gray-dark: #272837;
@gray-medium: #7F8198;
@gray-light: #C8CAD9;
@brand-primary: #228DFF;
@brand-primary-light: #DAECFF;
@brand-success: #07BE07;
@brand-success-light: #E0FDE0;
@brand-info: #905BFF;
@brand-info-light: #E9DEFF;
@brand-warning: #FFD913;
@brand-warning-light: #FFEFB8;
@brand-danger: #EC001D;
@brand-danger-light: #FDE6E8;

@input-bg: #F7F7F9;
@input-bg-disabled: darken(@input-bg, 10%);
@box-shadow: 0px 2px 6px rgba(100, 135, 153, 0.13);

// Native font stack from Bootstrap 5
// https://getbootstrap.com/docs/5.0/content/reboot/#native-font-stack
// https://github.com/twbs/bootstrap/blob/ff38727bb01b83acf9afb0f8c6d2ae47111343f4/scss/_variables.scss#L419
@font-family-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

@text-color: @gray-dark;
@text-color-gray: @gray-medium;
@link-color: @brand-primary;
@link-hover-color: darken(@link-color, 15%);
@border-color: #E3E9F3;

@border-radius: 4px;
@border-radius-large: 8px;

@state-success-text: @brand-success;
@state-success-bg: @brand-success-light;
@state-success-border: @brand-success;

@state-info-text: @brand-primary;
@state-info-bg: @brand-primary-light;
@state-info-border: @brand-primary;

@state-warning-text: darken(@brand-warning, 7%);
@state-warning-bg: @brand-warning-light;
@state-warning-border: @brand-warning;

@state-danger-text: @brand-danger;
@state-danger-bg: @brand-danger-light;
@state-danger-border: @brand-danger;

@padding-base: 4px;
@padding-base-vertical: @padding-base * 3;
@padding-base-horizontal: @padding-base * 4;

@table-cell-padding: @padding-base * 4 @padding-base * 3;
@table-border-color: @border-color;
@table-bg: #fff;
@table-bg-hover: @input-bg;

@alert-padding: @padding-base * 4;

@badge-bg: #aaa;
@label-default-bg: #aaa;

@input-color: @text-color;
@input-color-placeholder: @text-color-gray;
@input-border: transparent;
@input-height-base: 40px;

@modal-title-padding: @padding-base * 3 @padding-base * 3 @padding-base * 5 @padding-base * 3;
@modal-inner-padding: @padding-base * 4 @padding-base * 3 0px @padding-base * 3;
@modal-header-border-color: @border-color;

@letter-spacing-narrower: 0.576923px;
@letter-spacing-wider: 1px;

@well-bg: #fff;
@well-border: @border-color;