:root {
  --black: #212529;
  --black-05: rgba(0, 0, 0, .05);
  --black-10: rgba(0, 0, 0, .10);
  --black-15: rgba(0, 0, 0, .15);
  --black-20: rgba(0, 0, 0, .20);
  --black-35: rgba(0, 0, 0, .35);
  --black-40: rgba(0, 0, 0, .40);
  --black-50: rgba(0, 0, 0, .50);
  --black-65: rgba(0, 0, 0, .65);
  --black-85: rgba(0, 0, 0, .85);
  --black-90: rgba(0, 0, 0, .90);
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #44ad5c;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #efefef;
  --white-05: rgba(255, 255, 255, .05);
  --white-10: rgba(255, 255, 255, .10);
  --white-25: rgba(255, 255, 255, .25);
  --white-50: rgba(255, 255, 255, .50);
  --white-75: rgba(255, 255, 255, .75);
  --whide-85: rgba(255, 255, 255, .80);
  --gray: #6c757d;
  --grayer: #5a6268;
  --gray-dark: #343a40;
  --gray-light: #dee2e6;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #44ad5c;
  --info: #17a2b8;
  --dark-info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --light-dark: #e7e7e7;
  --lighter: #e9ecef;
  --dark-light: #495057;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;

  /* buttons */
  --btn-light-color: #212529;
  --btn-light-background-color: #f8f9fa;
  --btn-light-background-color-hover: #cecece;
  --btn-light-background-color-disabled: #b4b4b4;
  --btn-light-border-color: #f8f9fa;
}