@font-face {
  font-family: "OpenDyslexic";
  src: url("../fonts/OpenDyslexic-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "OpenDyslexic";
  src: url("../fonts/OpenDyslexic-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "OpenDyslexic";
  src: url("../fonts/OpenDyslexic-Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "OpenDyslexic";
  src: url("../fonts/OpenDyslexic-BoldItalic.woff2") format("woff2");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --is-dark-theme: true;
  --color-primary: #9d5cff;
  --color-primary-hover: #b37dff;
  --color-primary-active: #6f2cff;
  --color-secondary: #211034;
  --color-secondary-dark-1: #2b1542;
  --color-secondary-dark-2: #35194f;
  --color-secondary-alpha-20: rgba(157, 92, 255, 0.2);
  --color-menu: #10071b;
  --color-card: #150a24;
  --color-navbar: #0d0616;
  --color-footer: #0d0616;
  --color-body: #07030d;
  --color-box-header: #211034;
  --color-box-body: #150a24;
  --color-text: #f1eaff;
  --color-text-light: #cfc3dd;
  --color-text-light-2: #aa9abd;
  --color-text-light-3: #837491;
  --color-input-text: #f1eaff;
  --color-input-background: #0d0616;
  --color-input-border: #58327d;
  --color-light: #211034;
  --color-light-border: rgba(157, 92, 255, 0.38);
  --color-hover: rgba(85, 231, 255, 0.09);
  --color-active: rgba(255, 101, 200, 0.12);
  --color-accent: #55e7ff;
  --color-green: #b9ff4f;
  --color-red: #ff65c8;
  --color-orange: #ffb35c;
  --color-yellow: #e7ff72;
  --color-blue: #55e7ff;
  --color-purple: #9d5cff;
  --color-pink: #ff65c8;
}

html,
body,
.full.height {
  min-height: 100%;
  font-family: "OpenDyslexic", "Atkinson Hyperlegible", system-ui, sans-serif;
}

body {
  background-color: #07030d;
  background-image:
    linear-gradient(rgba(157, 92, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(157, 92, 255, 0.045) 1px, transparent 1px),
    radial-gradient(circle at 82% 0, rgba(111, 44, 255, 0.28), transparent 40%);
  background-attachment: fixed;
  background-size: 32px 32px, 32px 32px, auto;
}

#navbar .navbar-right > a[href="/user/login"] {
  display: none;
}

body:has(#navbar .navbar-right > a[href="/user/login"])
  #navbar .navbar-left > a[href="https://docs.gitea.com"] {
  display: none;
}

#navbar-logo img {
  content: url("../img/favicon.png");
  border-radius: 6px;
  object-fit: cover;
}

.ui.menu,
.ui.segment,
.ui.card,
.ui.table,
.repository.file.list,
.page-content .panel {
  border-color: rgba(157, 92, 255, 0.38) !important;
  box-shadow: 8px 8px 0 rgba(111, 44, 255, 0.08) !important;
}

a,
.ui.breadcrumb a,
.ui.menu .item:hover,
.repo-title a {
  color: #55e7ff;
}

a:hover,
a:focus-visible {
  color: #b9ff4f;
}

.ui.primary.button,
.ui.green.button {
  border: 1px solid #b9ff4f;
  color: #07030d;
  background: #b9ff4f;
}

.ui.primary.button:hover,
.ui.green.button:hover {
  border-color: #55e7ff;
  background: #55e7ff;
}

.ui.red.button,
.ui.label.red {
  border-color: #ff65c8;
  background: #ff65c8;
}

code,
pre,
.monospace,
.lines-code,
.lines-num {
  font-family: "OpenDyslexic", ui-monospace, SFMono-Regular, Menlo, monospace !important;
}

.repository .repo-header,
.page-header {
  border-bottom-color: #ff65c8 !important;
}

::selection {
  color: #07030d;
  background: #55e7ff;
}

@media (max-width: 767.98px) {
  body {
    background-size: 24px 24px, 24px 24px, auto;
  }

  .ui.menu,
  .ui.segment,
  .ui.card,
  .ui.table,
  .repository.file.list {
    box-shadow: 4px 4px 0 rgba(111, 44, 255, 0.08) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}