@import url("/assets/css/theme-forgejo-dark.css");

:root {
  --steel-900: #0b0c0e;
  --steel-850: #111316;
  --steel-800: #17191d;
  --steel-750: #1d2024;
  --steel-700: #24272c;
  --steel-650: #2b2f35;
  --steel-600: #32363d;
  --steel-550: #3c4148;
  --steel-500: #4b515a;
  --steel-450: #5d646f;
  --steel-400: #737b86;
  --steel-350: #8b949f;
  --steel-300: #a9b7c6;
  --steel-250: #bac6d3;
  --steel-200: #c9d3df;
  --steel-150: #d8e1eb;
  --steel-100: #eef3f8;

  --color-primary: #6897bb;
  --color-primary-contrast: #0b0c0e;
  --color-primary-dark-1: #7aa7ca;
  --color-primary-dark-2: #8bb6d5;
  --color-primary-dark-3: #9bc4df;
  --color-primary-light-1: #5f8caf;
  --color-primary-light-2: #527f9f;
  --color-primary-light-3: #466f8b;
  --color-primary-light-4: #3b6079;
  --color-primary-light-5: #315066;
  --color-primary-light-6: #284455;
  --color-primary-light-7: #203744;
  --color-primary-alpha-10: #6897bb1a;
  --color-primary-alpha-20: #6897bb33;
  --color-primary-alpha-30: #6897bb4d;
  --color-primary-alpha-40: #6897bb66;
  --color-primary-alpha-50: #6897bb80;
  --color-primary-alpha-60: #6897bb99;
  --color-primary-alpha-70: #6897bbb3;
  --color-primary-alpha-80: #6897bbcc;
  --color-primary-alpha-90: #6897bbe6;

  --color-body: #0f1012;
  --color-nav-bg: #0b0c0e;
  --color-header-wrapper: #121417;
  --color-header-wrapper-transparent: #12141700;
  --color-footer: #0b0c0e;

  --color-box-header: #202329;
  --color-box-body: #17191d;
  --color-box-body-highlight: #252932;
  --color-card: #1b1e23;
  --fancy-card-bg: #23272f;
  --fancy-card-border: #353a43;
  --color-menu: #1f2228;
  --color-secondary-bg: #202329;

  --color-input-background: #2b2f35;
  --color-input-toggle-background: #2b2f35;
  --color-input-border: #4b515a;
  --color-input-border-hover: #5d646f;
  --color-button: #32363d;
  --color-hover: #353a43;
  --color-active: #404651;

  --color-text-dark: #f4f4f4;
  --color-text: #d6dde6;
  --color-text-light: #c5ced8;
  --color-text-light-1: #b8c2cd;
  --color-text-light-2: #a9b7c6;
  --color-text-light-3: #8b949f;
  --color-text-focus: #ffffff;

  --color-code-bg: #1d2024;
  --color-markup-code-block: #17191d;
  --color-markup-code-inline: #252932;
  --color-editor-line-highlight: #252932;
  --color-console-bg: #111316;
  --color-console-border: #353a43;
  --color-shadow: #00000080;
  --color-overlay-backdrop: #000000cc;

  --color-success-bg: #173522;
  --color-success-border: #2f6844;
  --color-warning-bg: #3a2d17;
  --color-warning-border: #8a6a2b;
  --color-error-bg: #3b1d1d;
  --color-error-border: #7a3a3a;
  --color-info-bg: #1d3042;
  --color-info-border: #3c6488;
}

body,
.full.height {
  background: var(--color-body);
}

.ui.menu,
.ui.segment,
.ui.card,
.ui.cards > .card {
  background: var(--color-card);
}