@import url("theme-forgejo-auto.css");

:root {
  --color-primary: #0089e9;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #007dcc;
  --color-primary-dark-2: #0068aa;
  --color-primary-dark-3: #00598f;
  --color-primary-dark-4: #004a78;
  --color-primary-dark-5: #003c61;
  --color-primary-dark-6: #002e4b;
  --color-primary-dark-7: #00243a;
  --color-primary-light-1: #1d9cea;
  --color-primary-light-2: #52b4f0;
  --color-primary-light-3: #7dcbf5;
  --color-primary-light-4: #a7def8;
  --color-primary-light-5: #d0effc;
  --color-primary-light-6: #e8f7fe;
  --color-primary-light-7: #f5fbff;
  --color-primary-alpha-10: #0089e919;
  --color-primary-alpha-20: #0089e933;
  --color-primary-alpha-30: #0089e94b;
  --color-primary-alpha-40: #0089e966;
  --color-primary-alpha-50: #0089e980;
  --color-primary-alpha-60: #0089e999;
  --color-primary-alpha-70: #0089e9b3;
  --color-primary-alpha-80: #0089e9cc;
  --color-primary-alpha-90: #0089e9e1;
  --color-primary-hover: var(--color-primary-dark-2);
  --color-primary-active: var(--color-primary-dark-4);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-primary: #38b5f2;
    --color-primary-contrast: #001a2a;
    --color-primary-dark-1: #67c7f5;
    --color-primary-dark-2: #91d8f8;
    --color-primary-dark-3: #b8e7fb;
    --color-primary-dark-4: #d9f2fd;
    --color-primary-dark-5: #e9f8fe;
    --color-primary-dark-6: #f3fbff;
    --color-primary-dark-7: #f9fdff;
    --color-primary-light-1: #0089e9;
    --color-primary-light-2: #007dcc;
    --color-primary-light-3: #0068aa;
    --color-primary-light-4: #00598f;
    --color-primary-light-5: #004a78;
    --color-primary-light-6: #003c61;
    --color-primary-light-7: #002e4b;
    --color-primary-hover: var(--color-primary-light-1);
    --color-primary-active: var(--color-primary-light-2);
  }
}