:root {
  --accent-color: #1573c9;
  --accent-color-hover: #2e7dc7;
  --success-color: #72e8bd;
  --danger-color: #D32F2F;
  --warning-color: #e9c534;
  --accent-color-light: #b7dcff;
  --success-color-light: #e3fdf5;
  --danger-color-light: #ffefef;
  --danger-color-extra-light: rgb(211, 47, 47, .025);
  --warning-color-light: #fff9e6;
  --text-color: #000000;
  --border-color: #eaeaea;
  --border-color-dark: #cacaca;
  --border-color-light: rgb(244, 244, 244);
  --bg-color: #f9fbff;
  --surface-color: #ffffff;
  --accent-gradient: linear-gradient(-45deg, var(--accent-color) 30%, var(--success-color) 90%);

  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --shadow: 0 0 20px 4px rgba(0, 0, 0, .07);
  --shadow-light: 0 0 15px 4px rgba(0, 0, 0, .02);
  --box-radius: 8px;
  --box-radius-sm: 4px;
  --nav-height: 55px;
  --tabs-height: 45px;
  --nav-height-lg: 70px;
  --filter-height: 90px;

  --container-width: 1400px;
  --container-width-sm: 1100px;
  --container-width-xsm: 800px;
  --widget-height: 42px;
  --widget-height-sm: 36px;
  --widget-height-xsm: 32px;
  --widget-padding: 0.75rem;
  --widget-padding-sm: 0.5rem;
  --container-padding: 2rem;
  --container-padding-y: 1rem;
  --container-padding-sm: 1.2rem;

  --text-size-xxsm: .65rem;
  --text-size-xsm: .75rem;
  --text-size-sm: .9rem;
  --text-size: 1rem;
  --text-size-lg: 1.25rem;
  --text-size-xl: 1.5rem;
  --text-size-xxl: 2rem;

  /* breakpoints */
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --xxl: 1400px;
}