/* Mailtory-Branding fuer Forgejo -- ersetzt Forgejos Standard-Orange durch
   das Indigo/Violett/Pink-Schema von mailtory-homepage/fav/favicon.svg */

:root {
  --color-primary: #6366f1;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #6366f1;
  --color-primary-dark-2: #4f46e5;
  --color-primary-dark-3: #4338ca;
  --color-primary-dark-4: #3730a3;
  --color-primary-dark-5: #3730a3;
  --color-primary-dark-6: #312e81;
  --color-primary-dark-7: #312e81;
  --color-primary-light-1: #818cf8;
  --color-primary-light-2: #a5b4fc;
  --color-primary-light-3: #c7d2fe;
  --color-primary-light-4: #e0e7ff;
  --color-primary-light-5: #eef2ff;
  --color-primary-light-6: #f5f3ff;
  --color-primary-light-7: #faf5ff;
  --color-primary-alpha-10: #6366f119;
  --color-primary-alpha-20: #6366f133;
  --color-primary-alpha-30: #6366f14b;
  --color-primary-alpha-40: #6366f166;
  --color-primary-alpha-50: #6366f180;
  --color-primary-alpha-60: #6366f199;
  --color-primary-alpha-70: #6366f1b3;
  --color-primary-alpha-80: #6366f1cc;
  --color-primary-alpha-90: #6366f1e1;
  --color-primary-hover: var(--color-primary-dark-2);
  --color-primary-active: var(--color-primary-dark-4);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-primary: #a78bfa;
    --color-primary-contrast: #000000;
    --color-primary-dark-1: #a5b4fc;
    --color-primary-dark-2: #a5b4fc;
    --color-primary-dark-3: #c7d2fe;
    --color-primary-dark-4: #c7d2fe;
    --color-primary-dark-5: #e0e7ff;
    --color-primary-dark-6: #e0e7ff;
    --color-primary-dark-7: #eef2ff;
    --color-primary-light-1: #6366f1;
    --color-primary-light-2: #4f46e5;
    --color-primary-light-3: #4338ca;
    --color-primary-light-4: #3730a3;
    --color-primary-light-5: #3730a3;
    --color-primary-light-6: #312e81;
    --color-primary-light-7: #312e81;
    --color-primary-alpha-10: #a78bfa19;
    --color-primary-alpha-20: #a78bfa33;
    --color-primary-alpha-30: #a78bfa4b;
    --color-primary-alpha-40: #a78bfa66;
    --color-primary-alpha-50: #a78bfa80;
    --color-primary-alpha-60: #a78bfa99;
    --color-primary-alpha-70: #a78bfab3;
    --color-primary-alpha-80: #a78bfacc;
    --color-primary-alpha-90: #a78bfae1;
    --color-primary-hover: var(--color-primary-light-1);
    --color-primary-active: var(--color-primary-light-2);
  }
}

/* Pink-Akzent im Markenverlauf (Indigo -> Violett -> Pink) fuer den
   Navbar-Logo-Bereich, passend zum favicon.svg-Envelope-Grid */
#navbar {
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, #6366f1, #8b5cf6, #ec4899) 1;
}
.ui.button.primary,
.ui.primary.button,
.btn-octicon.primary {
  background-image: linear-gradient(135deg, #6366f1, #ec4899) !important;
  border: none !important;
}