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

/* Light mode: near-black primary matching docs.unchained.shop */
:root {
  --color-primary: #171717;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #131313;
  --color-primary-dark-2: #111111;
  --color-primary-dark-3: #0e0e0e;
  --color-primary-dark-4: #0a0a0a;
  --color-primary-dark-5: #080808;
  --color-primary-dark-6: #050505;
  --color-primary-dark-7: #030303;
  --color-primary-light-1: #2e2e2e;
  --color-primary-light-2: #3a3a3a;
  --color-primary-light-3: #474747;
  --color-primary-light-4: #525252;
  --color-primary-light-5: #5e5e5e;
  --color-primary-light-6: #6b6b6b;
  --color-primary-light-7: #787878;
  --color-primary-alpha-10: rgba(23, 23, 23, 0.1);
  --color-primary-alpha-20: rgba(23, 23, 23, 0.2);
  --color-primary-alpha-30: rgba(23, 23, 23, 0.3);
  --color-primary-alpha-40: rgba(23, 23, 23, 0.4);
  --color-primary-alpha-50: rgba(23, 23, 23, 0.5);
  --color-primary-alpha-60: rgba(23, 23, 23, 0.6);
  --color-primary-alpha-70: rgba(23, 23, 23, 0.7);
  --color-primary-alpha-80: rgba(23, 23, 23, 0.8);
  --color-primary-alpha-90: rgba(23, 23, 23, 0.9);
  --color-primary-hover: var(--color-primary-dark-2);
  --color-primary-active: var(--color-primary-dark-4);
}

/* Dark mode: near-white primary matching docs.unchained.shop */
@media (prefers-color-scheme: dark) {
  :root {
    --color-primary: #e5e5e5;
    --color-primary-contrast: #000000;
    --color-primary-dark-1: #d4d4d4;
    --color-primary-dark-2: #c9c9c9;
    --color-primary-dark-3: #bfbfbf;
    --color-primary-dark-4: #a3a3a3;
    --color-primary-dark-5: #999999;
    --color-primary-dark-6: #8f8f8f;
    --color-primary-dark-7: #858585;
    --color-primary-light-1: #ebebeb;
    --color-primary-light-2: #f0f0f0;
    --color-primary-light-3: #f5f5f5;
    --color-primary-light-4: #fafafa;
    --color-primary-light-5: #fcfcfc;
    --color-primary-light-6: #fdfdfd;
    --color-primary-light-7: #ffffff;
    --color-primary-alpha-10: rgba(229, 229, 229, 0.1);
    --color-primary-alpha-20: rgba(229, 229, 229, 0.2);
    --color-primary-alpha-30: rgba(229, 229, 229, 0.3);
    --color-primary-alpha-40: rgba(229, 229, 229, 0.4);
    --color-primary-alpha-50: rgba(229, 229, 229, 0.5);
    --color-primary-alpha-60: rgba(229, 229, 229, 0.6);
    --color-primary-alpha-70: rgba(229, 229, 229, 0.7);
    --color-primary-alpha-80: rgba(229, 229, 229, 0.8);
    --color-primary-alpha-90: rgba(229, 229, 229, 0.9);
    --color-primary-hover: var(--color-primary-dark-2);
    --color-primary-active: var(--color-primary-dark-4);
    --color-code-bg: #1e1e2e;
  }
}