@st-namespace "BMColors";

:import {
  -st-from: "../../../Foundation/stylable/mixins/calc_rgba";
  -st-default: calc_rgba;
}

:vars {
  /* General */
  D10: #000624;
  D20: #333850;
  D30: #595D70;
  D40: #868AA5;
  D50: #B6C1CD;
  D55: #CFD1DC;
  D60: #DFE5EB;
  D70: #ECEFF3;


  /* Primary */
  B05: #0F62E6;
  B10: #116DFF;
  B20: #418AFF;
  B30: #7CAFFF;
  B40: #D3E4FF;
  B50: #E8F1FF;
  B60: #F8FAFF;
  D80: #FFFFFF;

  /* Premium */
  P00: #8E21B1;
  P10: #AA4DC8;
  P20: #CD68ED;

  /* With Opacity */
  D10-30: calc_rgba(value(D10), 0.3);
  D10-40: calc_rgba(value(D10), 0.4);
  D10-50: calc_rgba(value(D10), 0.5);
  D80-70: calc_rgba(value(D80), 0.7);

  /* Success */
  G10: #51B77B;
  G20: #51B77B;
  G40: #CDF2CF;

  /* Destructive */
  R10: #EE4437;
  R20: #F1695F;
  R40: #FDE3E1;
  R50: #FDECEB;

  /* Warning */
  Y10: #F9aD4D;

  /* Orange */
  O10: #F96132;

  /* Yellow */
  Y30: #FFD988;
  Y50: #FFF7E2;

  /* Categories */
  A2: #5A48F5;
  A3: #06BEE1;
  A4: #CDC8FC;
  A5: #FBAD4E;

  /* Sidebar */
  S10 : #131720;
  S10-05: #1F222B;
  S10-10: #2B2E36;
  S10-20: #42454C;
  S10-30: #5A5D63;
  S10-40: #717379;
  S10-50: #898B8F;
  S10-60: #A0A2A5;
  S10-70: #B8B9BC;
  S10-80: #CFD0D2;
  S10-90: #E7E8E9;
  S10-100: #FFFFFF;


  /* Sidebar */
  sidebarBackgroundColor: value(S10);
  sidebarHoveredColor: value(S10-10);
  collapsibleBackground: value(S10-05);
  collapsiblleNonActive: value(S10-80);
  collapsibleBackgroundHover: value(S10-10);
  collapsibleBackgroundActive: value(S10-20);
  collapsibleDividerColor: value(S10-20);
  textColor: value(S10-100);
  selectedBackgroundColor: calc_rgba(value(D80), 0.1);
  selectedTextColor: value(S10-100);
  hoveredTextColor: value(S10-100);
  hoveredBackgroundColor: calc_rgba(value(D80), 0.05);
  disabledBackgroundColor: value(sidebarBackgroundColor);
  disabledTextColor: value(S10-50);
  dividerColor: value(S10-20);
  darkScrollbarThumbColor: #717479;
  darkScrollbarThumbHoverColor: value(S10-70);

  /* Shadows */
  S4: calc_rgba(value(D10), 0.16);
  S5: calc_rgba(value(D10), 0.2);
}

/* st-namespace-reference="../../../../../src/Themes/businessDashboard/foundations/colors.st.css" */