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

@inf-primary-color: #6274db;
@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: #333333;
@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: #666666;
@inf-text-less-color: #999999;

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

@inf-border-color: #eaeaea;

@inf-layout-bg: #f7f7f7;

@inf-header-bg: #242736;
@inf-header-color: #e6f2ff;
@inf-header-active-color: #89a9ff;

@inf-primary-bg: #eff4ff;
@inf-primary-hover-bg: #d8e4ff;

@inf-header-height: 72px;
@inf-input-padding-inline: 0;