@import "@queenjs/theme/less/dark";

@inf-primary-color: #e88b00;
@inf-primary-hover-color: darken(@inf-primary-color, 5%);
@inf-primary-active-color: saturate(darken(@inf-primary-color, 5%), 20%);
@inf-primary-fade-color: fade(@inf-primary-color, 10%);

@inf-text-color: #a9abaf;
@inf-text-active-color: darken(@inf-text-color, 10%);
@inf-text-passive-color: lighten(@inf-text-color, 10%);
@inf-text-error-fade-color: fade(@inf-text-error-color, 10%);
@inf-text-sub-color: #999;
@inf-text-less-color: #666;

@inf-border-color: #1f1f1f;

@inf-mask-bg: fade(#000000, 50%);
@inf-modal-bg: #262626;

@inf-layout-bg: #262626;
@inf-component-bg: #262626;

@inf-header-bg: #262626;
@inf-header-color: #a9abaf;
@inf-header-active-color: #e88b00;

@inf-primary-bg: #fae8cc;
@inf-primary-hover-bg: darken(@inf-primary-bg, 10%);

@inf-header-height: 72px;
@inf-form-bg: #383838;
@inf-input-padding-inline: 0;
