/* Lilac: Forgejo's own themes with the grey palette retinted lilac (same lightness, new hue)
   and the primary colours swapped. Only CSS variables change, so upgrades can't break it. */
@import url("./theme-forgejo-auto.css");
@media (prefers-color-scheme: light) {
  :root {
    --zinc-50: #faf9fb;
    --zinc-100: #f5f3f6;
    --zinc-150: #edeaf0;
    --zinc-200: #e6e2e9;
    --zinc-250: #ded9e3;
    --zinc-300: #d6d0dc;
    --zinc-350: #beb4c7;
    --zinc-400: #a699b2;
    --zinc-450: #8f7e9d;
    --zinc-500: #776586;
    --zinc-550: #665774;
    --zinc-600: #574a63;
    --zinc-650: #4d4157;
    --zinc-700: #43394c;
    --zinc-750: #362e3d;
    --zinc-800: #29232e;
    --zinc-850: #211c26;
    --zinc-900: #1a161d;
    --color-secondary-alpha-10: #d6d0dc19;
    --color-secondary-alpha-20: #d6d0dc33;
    --color-secondary-alpha-30: #d6d0dc4b;
    --color-secondary-alpha-40: #d6d0dc66;
    --color-secondary-alpha-50: #d6d0dc80;
    --color-secondary-alpha-60: #d6d0dc99;
    --color-secondary-alpha-70: #d6d0dcb3;
    --color-secondary-alpha-80: #d6d0dccc;
    --color-secondary-alpha-90: #d6d0dce1;
    --color-indicator-offline: #574a63;
    --color-indicator-offline-20: #574a6333;
    --color-primary: #7349a8;
    --color-primary-contrast: #ffffff;
    --color-primary-dark-1: #7349a8;
    --color-primary-dark-2: #5f3d89;
    --color-primary-dark-3: #5f3d89;
    --color-primary-dark-4: #4e346f;
    --color-primary-light-1: #8a5fc4;
    --color-primary-light-2: #a07bd5;
    --color-primary-light-3: #bb9ce3;
    --color-primary-light-4: #d4c0ee;
    --color-primary-light-5: #e7dcf6;
    --color-primary-light-6: #f3edfb;
    --color-primary-light-7: #faf7fd;
    --color-primary-alpha-10: #7349a819;
    --color-primary-alpha-20: #7349a833;
    --color-primary-alpha-30: #7349a84b;
    --color-primary-alpha-40: #7349a866;
    --color-primary-alpha-50: #7349a880;
    --color-primary-alpha-60: #7349a899;
    --color-primary-alpha-70: #7349a8b3;
    --color-primary-alpha-80: #7349a8cc;
    --color-primary-alpha-90: #7349a8e1;
    --color-primary-hover: var(--color-primary-dark-2);
    --color-primary-active: var(--color-primary-dark-4);
    --color-accent: var(--color-primary-light-1);
    --color-header-wrapper: #faf7fd;
    --color-nav-bg: #f3edfb;
    --color-nav-hover-bg: #e7dcf6;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --steel-900: #17111c;
    --steel-850: #1a1420;
    --steel-800: #1f1825;
    --steel-750: #271e2e;
    --steel-700: #2f2537;
    --steel-650: #372c41;
    --steel-600: #453850;
    --steel-550: #534560;
    --steel-500: #61536e;
    --steel-450: #70617e;
    --steel-400: #7f6f8d;
    --steel-350: #8f7e9d;
    --steel-300: #9f8ead;
    --steel-250: #b09fbe;
    --steel-200: #c0b0ce;
    --steel-150: #d1c2de;
    --steel-100: #e2d3ee;
    --color-secondary-alpha-10: #372c4119;
    --color-secondary-alpha-20: #372c4133;
    --color-secondary-alpha-30: #372c414b;
    --color-secondary-alpha-40: #372c4166;
    --color-secondary-alpha-50: #372c4180;
    --color-secondary-alpha-60: #372c4199;
    --color-secondary-alpha-70: #372c41b3;
    --color-secondary-alpha-80: #372c41cc;
    --color-secondary-alpha-90: #372c41e1;
    --color-header-wrapper-transparent: #2f253700;
    --color-primary: #bb9ce3;
    --color-primary-contrast: #000000;
    --color-primary-dark-1: #d4c0ee;
    --color-primary-dark-2: #d4c0ee;
    --color-primary-dark-3: #e7dcf6;
    --color-primary-dark-4: #e7dcf6;
    --color-primary-light-1: #a07bd5;
    --color-primary-light-2: #8a5fc4;
    --color-primary-light-3: #7349a8;
    --color-primary-light-4: #5f3d89;
    --color-primary-light-5: #5f3d89;
    --color-primary-light-6: #4e346f;
    --color-primary-light-7: #321e4d;
    --color-primary-alpha-10: #bb9ce319;
    --color-primary-alpha-20: #bb9ce333;
    --color-primary-alpha-30: #bb9ce34b;
    --color-primary-alpha-40: #bb9ce366;
    --color-primary-alpha-50: #bb9ce380;
    --color-primary-alpha-60: #bb9ce399;
    --color-primary-alpha-70: #bb9ce3b3;
    --color-primary-alpha-80: #bb9ce3cc;
    --color-primary-alpha-90: #bb9ce3e1;
    --color-primary-hover: var(--color-primary-dark-2);
    --color-primary-active: var(--color-primary-dark-4);
    --color-accent: var(--color-primary-light-1);
  }
}