@import "./theme-forgejo-auto.css";

:root {
  --ct-red: #e2001a;
  --color-primary: #1d3d8f;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #1a3780;
  --color-primary-dark-2: #173172;
  --color-primary-dark-3: #142b64;
  --color-primary-dark-4: #112556;
  --color-primary-dark-5: #0e1f48;
  --color-primary-dark-6: #0b183a;
  --color-primary-dark-7: #08122c;
  --color-primary-light-1: #2a4fa8;
  --color-primary-light-2: #3d62b8;
  --color-primary-light-3: #5677c4;
  --color-primary-light-4: #7590d1;
  --color-primary-light-5: #9aaedf;
  --color-primary-light-6: #c3d0ee;
  --color-primary-light-7: #e8edf8;
  --color-primary-alpha-10: #1d3d8f19;
  --color-primary-alpha-20: #1d3d8f33;
  --color-primary-alpha-30: #1d3d8f4b;
  --color-primary-alpha-40: #1d3d8f66;
  --color-primary-alpha-50: #1d3d8f80;
  --color-primary-alpha-60: #1d3d8f99;
  --color-primary-alpha-70: #1d3d8fb3;
  --color-primary-alpha-80: #1d3d8fcc;
  --color-primary-alpha-90: #1d3d8fe1;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ct-red: #ff5f6d;
    --color-primary: #7d9bec;
    --color-primary-contrast: #0b1530;
    --color-primary-dark-1: #8fa9ef;
    --color-primary-dark-2: #9db4f2;
    --color-primary-dark-3: #aec2f4;
    --color-primary-dark-4: #bfcff6;
    --color-primary-dark-5: #d0dcf9;
    --color-primary-dark-6: #e0e8fb;
    --color-primary-dark-7: #f0f4fd;
    --color-primary-light-1: #6a8ae0;
    --color-primary-light-2: #5677c4;
    --color-primary-light-3: #3d62b8;
    --color-primary-light-4: #2a4fa8;
    --color-primary-light-5: #1d3d8f;
    --color-primary-light-6: #172f6e;
    --color-primary-light-7: #12244f;
    --color-primary-alpha-10: #6a8ae019;
    --color-primary-alpha-20: #6a8ae033;
    --color-primary-alpha-30: #6a8ae04b;
    --color-primary-alpha-40: #6a8ae066;
    --color-primary-alpha-50: #6a8ae080;
    --color-primary-alpha-60: #6a8ae099;
    --color-primary-alpha-70: #6a8ae0b3;
    --color-primary-alpha-80: #6a8ae0cc;
    --color-primary-alpha-90: #6a8ae0e1;
  }
}

#navbar {
  border-bottom: 3px solid var(--ct-red);
}