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

:root {
  --steel-900: #080d14;
  --steel-850: #0b111b;
  --steel-800: #0f1724;
  --steel-750: #131e2d;
  --steel-700: #182536;
  --steel-650: #213246;
  --steel-600: #2b3e54;
  --steel-550: #3a4d64;
  --steel-500: #50647b;
  --steel-450: #65798f;
  --steel-400: #7a8da1;
  --steel-350: #90a2b5;
  --steel-300: #a6b6c6;
  --steel-250: #bcc9d5;
  --steel-200: #cfdae3;
  --steel-150: #dce5ec;
  --steel-100: #edf3f7;

  --color-primary: #2dd4bf;
  --color-primary-contrast: #062521;
  --color-primary-dark-1: #5eead4;
  --color-primary-dark-2: #99f6e4;
  --color-primary-dark-3: #ccfbf1;
  --color-primary-dark-4: #f0fdfa;
  --color-primary-dark-5: #f0fdfa;
  --color-primary-dark-6: #f0fdfa;
  --color-primary-dark-7: #ffffff;
  --color-primary-light-1: #14b8a6;
  --color-primary-light-2: #0d9488;
  --color-primary-light-3: #0f766e;
  --color-primary-light-4: #115e59;
  --color-primary-light-5: #134e4a;
  --color-primary-light-6: #134e4a;
  --color-primary-light-7: #042f2e;
  --color-primary-alpha-10: #2dd4bf19;
  --color-primary-alpha-20: #2dd4bf33;
  --color-primary-alpha-30: #2dd4bf4d;
  --color-primary-alpha-40: #2dd4bf66;
  --color-primary-alpha-50: #2dd4bf80;
  --color-primary-alpha-60: #2dd4bf99;
  --color-primary-alpha-70: #2dd4bfb3;
  --color-primary-alpha-80: #2dd4bfcc;
  --color-primary-alpha-90: #2dd4bfe6;
  --color-primary-hover: var(--color-primary-light-1);
  --color-primary-active: var(--color-primary-light-2);

  --color-nav-bg: var(--steel-900);
  --color-header-wrapper: var(--steel-850);
  --color-footer: #060a10;
  --color-accent: var(--color-primary);
  --color-small-accent: var(--color-primary-dark-2);
  --color-highlight-fg: var(--color-primary-dark-1);
  --color-highlight-bg: var(--color-primary-alpha-20);
  --color-reaction-active-bg: var(--color-primary-alpha-30);
  --color-reaction-hover-bg: var(--color-primary-alpha-40);
}

::selection {
  color: #062521;
  background: #5eead4;
}