/* Forgejo's auto theme in black and white: the accent is black in light mode
   and white in dark mode, and the dark mode greys are neutral. */
@import url("./theme-forgejo-auto.css");

:root {
  /* Installed fonts only: assets need no login, so font files are not served. */
  --fonts-override: "Unica 77 LL", "Unica77 LL", system-ui, sans-serif;
  --fonts-monospace: "Akkurat Mono LL", ui-monospace, monospace;

  --color-primary: #000000;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #000000;
  --color-primary-dark-2: #000000;
  --color-primary-dark-3: #000000;
  --color-primary-dark-4: #000000;
  --color-primary-light-1: #262626;
  --color-primary-light-2: #404040;
  --color-primary-light-3: #737373;
  --color-primary-light-4: #a3a3a3;
  --color-primary-light-5: #d4d4d4;
  --color-primary-light-6: #e5e5e5;
  --color-primary-light-7: #f5f5f5;
  --color-primary-alpha-10: #00000019;
  --color-primary-alpha-20: #00000033;
  --color-primary-alpha-30: #0000004b;
  --color-primary-alpha-40: #00000066;
  --color-primary-alpha-50: #00000080;
  --color-primary-alpha-60: #00000099;
  --color-primary-alpha-70: #000000b3;
  --color-primary-alpha-80: #000000cc;
  --color-primary-alpha-90: #000000e1;
  --color-primary-hover: var(--color-primary-light-1);
  --color-primary-active: var(--color-primary-light-2);

  --steel-100: #dedede;
  --steel-150: #cdcdcd;
  --steel-200: #bcbcbc;
  --steel-250: #ababab;
  --steel-300: #9a9a9a;
  --steel-350: #8a8a8a;
  --steel-400: #7b7b7b;
  --steel-450: #6c6c6c;
  --steel-500: #5d5d5d;
  --steel-550: #4f4f4f;
  --steel-600: #414141;
  --steel-650: #353535;
  --steel-700: #2c2c2c;
  --steel-750: #252525;
  --steel-800: #1d1d1d;
  --steel-850: #191919;
  --steel-900: #151515;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-primary: #ffffff;
    --color-primary-contrast: #000000;
    --color-primary-dark-1: #ffffff;
    --color-primary-dark-2: #ffffff;
    --color-primary-dark-3: #ffffff;
    --color-primary-dark-4: #ffffff;
    --color-primary-light-1: #e5e5e5;
    --color-primary-light-2: #d4d4d4;
    --color-primary-light-3: #a3a3a3;
    --color-primary-light-4: #737373;
    --color-primary-light-5: #525252;
    --color-primary-light-6: #404040;
    --color-primary-light-7: #262626;
    --color-primary-alpha-10: #ffffff19;
    --color-primary-alpha-20: #ffffff33;
    --color-primary-alpha-30: #ffffff4b;
    --color-primary-alpha-40: #ffffff66;
    --color-primary-alpha-50: #ffffff80;
    --color-primary-alpha-60: #ffffff99;
    --color-primary-alpha-70: #ffffffb3;
    --color-primary-alpha-80: #ffffffcc;
    --color-primary-alpha-90: #ffffffe1;
  }
}