/* Minetta dark mode settings */
:root {
  --crm-c-text: #fff;
  --crm-c-focus: #8cd4cb;
  --crm-c-link: var(--crm-c-teal);
  --crm-c-link-hover: var(--crm-c-yellow);
  --crm-c-primary: var(--crm-c-gray-500);
  --crm-c-primary-hover: var(--crm-c-gray-600);
  --crm-c-primary-text: var(--crm-c-text);
  --crm-c-background: var(--crm-c-gray-900);
  --crm-c-page-background: var(--crm-c-gray-900);
  --crm-c-background2: var(--crm-c-gray-800);
  --crm-c-background3: var(--crm-c-gray-700);
  --crm-c-background4: var(--crm-c-gray-600);
  --crm-c-teal: #a3ebe6;
  --crm-c-gray-900: #363636;
  --crm-c-gray-800: #464646;
  --crm-c-gray-700: #535252;
  --crm-c-gray-600: #67676a;
  --crm-c-gray-500: #6c6c6c;
  --crm-c-gray-300: #e1dfdf;
  --crm-c-gray-200: #bdbdbd;
  --crm-c-divider: 1px solid var(--crm-c-gray-500);
  /* Emphasis colours */
  --crm-alert-success-bg: var(--crm-c-success);
  --crm-alert-success-text: var(--crm-c-success-text);
  --crm-alert-success-border: hsl(from var(--crm-alert-success-bg) h s calc(l + 10));
  --crm-c-success-on-page-bg: var(--crm-c-success-light);
  --crm-alert-warning-bg: var(--crm-c-warning);
  --crm-alert-warning-border: hsl(from var(--crm-alert-warning-bg) h s calc(l + 10));
  --crm-c-warning-on-page-bg: var(--crm-c-warning-light);
  --crm-alert-danger-bg: var(--crm-c-danger);
  --crm-alert-danger-text: var(--crm-c-danger-text);
  --crm-alert-danger-border: hsl(from var(--crm-alert-danger-bg) h s calc(l + 10));
  --crm-c-danger-on-page-bg: var(--crm-c-danger-light);
  --crm-alert-info-bg: var(--crm-c-info);
  --crm-alert-info-text: var(--crm-c-success-text);
  --crm-alert-info-border: hsl(from var(--crm-alert-info-bg) h s calc(l + 10));
  --crm-c-info-on-page-bg: var(--crm-c-info-light);
  --crm-c-primary-on-page-bg: var(--crm-c-gray-300);
  --crm-c-secondary-on-page-bg: #cdcdcd;
  /* And others */
  --crm-block-shadow: 0;
  --crm-popup-shadow: 0 3px 18px 0 rgb(0,0,0);
  --crm-heading-bg: var(--crm-c-blue-dark);
  --crm-heading-col: var(--crm-c-text-light);
  --crm-dashlet-bg: var(--crm-c-background2);
  --crm-dashlet-header-bg: var(--crm-c-background3);
  --crm-expand-header-bg: var(--crm-c-background3);
  --crm-expand-header-bg-active: var(--crm-c-background4);
  --crm-expand-body-bg: var(--crm-c-background2);
  --crm-dash-header-bg: transparent;
  --crm-dash-block-bg: var(--crm-c-background2);
  --crm-dash-label-bg: transparent;
  --crm-dash-panel-bg: #414141;
  --crm-dropdown-bg: var(--crm-c-background2);
  --crm-dropdown-2-bg: var(--crm-c-background2);
  --crm-tabs-border: 1px solid var(--crm-c-gray-500);
  --crm-tabs-bg: var(--crm-c-background3);
  --crm-table-outside-border: 1px solid var(--crm-c-gray-500);
  --crm-table-row-border: 1px solid var(--crm-c-gray-200);
  --crm-panel-border-col: var(--crm-c-gray-200);
  --crm-input-border-color: var(--crm-c-gray-200);
  --crm-table-odd-row: var(--crm-c-gray-800);
  --crm-table-odd-hover: var(--crm-c-gray-700);
  --crm-table-even-row: var(--crm-c-page-background);
  --crm-table-even-hover: var(--crm-c-gray-700);
  --crm-c-inactive: var(--crm-c-gray-400);
  --crm-input-color: var(--crm-c-text);
  --crm-input-description: var(--crm-c-gray-300);
  --crm-input-radio-color: #38c4b4;
  --crm-dialog-header-border-col: transparent;
  --crm-dialog-header-bg: var(--crm-c-background2);
  --crm-dialog-body-bg: var(--crm-c-background2);
  --crm-notify-background: var(--crm-c-darkest);
  --crm-wizard-active-bg: var(--crm-c-dark-teal);
  --crm-form-block-background: var(--crm-c-background2);
  --crm-c-code-background: var(--crm-c-background2);
  --crm-filter-item-background: var(--crm-c-background2);
}
