@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --cc-brand-color: #1a2b80;
  /* #0ca6f2 */
  /* --cc-primary-color: var(--ant-primary-color);  */
  --cc-primary-color: var(--mantine-color-cc-blue-5);
  /* TODO replace by mantine colors */
  --cc-success-color: var(--ant-success-color);
  --cc-warning-color: var(--ant-warning-color);
  --cc-error-color: var(--ant-error-color);

  --cc-border-radius: 8px;
}

body {
  font-weight: 500;
}

.ant-btn,
.ant-input,
.ant-input-affix-wrapper, /* Input with allowClear prop */
.ant-modal-content,
.ant-dropdown-menu,
.ant-tooltip-inner,
.ant-popover-inner {
  border-radius: var(--cc-border-radius);
}

.ant-modal-content {
  overflow: hidden;
}

/* for slow query list page */
.ant-input-search
  > .ant-input-group
  > .ant-input-group-addon:last-child
  .ant-input-search-button {
  border-top-right-radius: var(--cc-border-radius);
  border-bottom-right-radius: var(--cc-border-radius);
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-radius: var(--cc-border-radius);
}

/* hide calendar icon for date picker component in the cluster detail page */
.time-window-select-header .ant-picker-suffix {
  display: none;
}

.cluster-slogan-root .ant-carousel .slick-dots-bottom {
  bottom: 0;
}

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: white;
}