@import "~antd/lib/style/core/index";

@import "~antd/lib/button/style/index";
@import "~antd/lib/tabs/style/index";
@import "~antd/lib/input/style/index";
@import "~antd/lib/collapse/style/index";
@import "~antd/lib/modal/style/index";
@import "~antd/lib/alert/style/index";
@import "~antd/lib/notification/style/index";
@import "~antd/lib/progress/style/index";
@import "~antd/lib/steps/style/index";
@import "~antd/lib/radio/style/index";
@import "~antd/lib/input-number/style/index";
@import "~antd/lib/select/style/index";
@import "~antd/lib/date-picker/style/index";
@import "~antd/lib/tooltip/style/index";
@import "~antd/lib/popover/style/index";
@import "~antd/lib/checkbox/style/index";
@import "~antd/lib/upload/style/index";
@import "~antd/lib/message/style/index";
@import "~antd/lib/card/style/index";
@import "~antd/lib/cascader/style/index";
@import "~antd/lib/divider/style/index";
@import "~antd/lib/auto-complete/style/index";
@import "~antd/lib/avatar/style/index";
@import "~antd/lib/badge/style/index";
@import "~antd/lib/table/style/index";
@import "~antd/lib/pagination/style/index";
@import "~antd/lib/layout/style/index";
@import "~antd/lib/menu/style/index";
@import "~antd/lib/drawer/style/index";
@import "~antd/lib/breadcrumb/style/index";


/* Icons */
//@icon-url: "";

/* Primary colours */
@white: #FFFFFF;
@black: #000000;
/* active colours */
@baby-pink: #FFD9D9;
@light-pink: #FF91A9;
@pink: #F32E59;
@red: #BA1E40;
@active-red: #F50000;
/* CTA colours */
@light-blue: #91DEFF;
@blue: #20B1EE;
@dark-blue: #1794C8;
/* Grey colours */
@light-grey: #F8F8F8;
@semi-light-grey: #E2E2E2;
@mid-grey: #DDDDDD;
@grey: #B9B9B9;
@copy-grey: #989898;
@dark-grey: #373737;
@heavy-grey: #292929;
@serious-grey: #1C1C1C;
/* Green colours */
@light-green: #B8DF8B;
@green: #2BAF6F;

// -------- Colors -----------
@primary-color: @pink;

// Base background color for most components
@font-size-base: 16px;
@border-radius-base: 0;
@border-radius-sm: 0;

// Outline
//@outline-color: @blue;

// Buttons
@btn-font-weight: 300;
@btn-height-base: 60px;
@btn-height-sm: 40px;

@btn-default-color: @red;
@btn-default-border: @red;

@btn-disable-color: @grey;
@btn-disable-bg: @semi-light-grey;
@btn-disable-border: @semi-light-grey;

// Checkbox
@checkbox-size          : 28px;
@checkbox-color         : @blue;

// Radio
@radio-size             : 28px;
@radio-dot-color        : @blue;


// Input
// ---
@input-height-base           : 48px;
@input-height-lg             : 60px;
@input-height-sm             : 40px;
@input-padding-horizontal    : 10px;
@input-padding-vertical-base : 10px;
@input-padding-vertical-sm   : 10px;
@input-padding-vertical-lg   : 10px;
@input-hover-border-color    : @blue;
@input-placeholder-color     : @grey;

// The background colors for active and hover states for things like
// list items or table cells.
@item-active-bg         : color(~`colorPalette("@{blue}", 1)`);
@item-hover-bg          : color(~`colorPalette("@{blue}", 1)`);

@tabs-title-font-size: 18px;
@tabs-title-font-size-sm: 18px;


// Media queries breakpoints
// Extra small screen / phone
@screen-xs              : 767px;
@screen-xs-min          : @screen-xs;