@import url("/assets/css/theme-forgejo-light.css");
@import url("/assets/css/theme-forgejo-dark.css") (prefers-color-scheme: dark);

:root {
  --color-primary: #7c3aed;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #6d28d9;
  --color-primary-dark-2: #5b21b6;
  --color-primary-dark-3: #4c1d95;
  --color-primary-dark-4: #3b1674;
  --color-primary-dark-5: #2e1065;
  --color-primary-dark-6: #240f55;
  --color-primary-dark-7: #1d0c45;
  --color-primary-light-1: #8b5cf6;
  --color-primary-light-2: #a78bfa;
  --color-primary-light-3: #c4b5fd;
  --color-primary-light-4: #ddd6fe;
  --color-primary-light-5: #ede9fe;
  --color-primary-light-6: #f5f3ff;
  --color-primary-light-7: #faf5ff;
  --color-primary-alpha-10: #7c3aed19;
  --color-primary-alpha-20: #7c3aed33;
  --color-primary-alpha-30: #7c3aed4b;
  --color-primary-alpha-40: #7c3aed66;
  --color-primary-alpha-50: #7c3aed80;
  --color-primary-alpha-60: #7c3aed99;
  --color-primary-alpha-70: #7c3aedb3;
  --color-primary-alpha-80: #7c3aedcc;
  --color-primary-alpha-90: #7c3aede1;
  --color-primary-hover: var(--color-primary-dark-2);
  --color-primary-active: var(--color-primary-dark-4);
  --color-accent: var(--color-primary-light-1);
  --color-small-accent: var(--color-primary-light-5);
  --color-highlight-fg: var(--color-primary-light-4);
  --color-highlight-bg: var(--color-primary-light-6);
  accent-color: var(--color-accent);
}

@media (prefers-color-scheme: dark) {
  :root {
  --color-primary: #a78bfa;
  --color-primary-contrast: #000000;
  --color-primary-dark-1: #c4b5fd;
  --color-primary-dark-2: #ddd6fe;
  --color-primary-dark-3: #ede9fe;
  --color-primary-dark-4: #f5f3ff;
  --color-primary-dark-5: #faf5ff;
  --color-primary-dark-6: #fcfaff;
  --color-primary-dark-7: #ffffff;
  --color-primary-light-1: #8b5cf6;
  --color-primary-light-2: #7c3aed;
  --color-primary-light-3: #6d28d9;
  --color-primary-light-4: #5b21b6;
  --color-primary-light-5: #4c1d95;
  --color-primary-light-6: #3b1674;
  --color-primary-light-7: #2e1065;
  --color-primary-alpha-10: #8b5cf619;
  --color-primary-alpha-20: #8b5cf633;
  --color-primary-alpha-30: #8b5cf64b;
  --color-primary-alpha-40: #8b5cf666;
  --color-primary-alpha-50: #8b5cf680;
  --color-primary-alpha-60: #8b5cf699;
  --color-primary-alpha-70: #8b5cf6b3;
  --color-primary-alpha-80: #8b5cf6cc;
  --color-primary-alpha-90: #8b5cf6e1;
  --color-primary-hover: var(--color-primary-light-1);
  --color-primary-active: var(--color-primary-light-2);
  --color-accent: var(--color-primary-light-1);
  --color-small-accent: var(--color-primary-light-5);
  --color-highlight-fg: var(--color-primary-light-4);
  --color-highlight-bg: var(--color-primary-alpha-20);
  accent-color: var(--color-accent);
  }
}