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

:root {
  --color-primary: #8e3dff;
  --color-primary-contrast: #faf7f1;
  --color-primary-dark-1: #7c32e4;
  --color-primary-dark-2: #6a28c7;
  --color-primary-dark-3: #5b21aa;
  --color-primary-dark-4: #4b136f;
  --color-primary-dark-5: #381052;
  --color-primary-dark-6: #2a0d3f;
  --color-primary-dark-7: #1e0a2f;
  --color-primary-light-1: #9d56ff;
  --color-primary-light-2: #ad70ff;
  --color-primary-light-3: #bc8aff;
  --color-primary-light-4: #c7a4ff;
  --color-primary-light-5: #d9c5ff;
  --color-primary-light-6: #efe7ff;
  --color-primary-light-7: #faf7f1;
  --color-primary-alpha-10: #8e3dff1a;
  --color-primary-alpha-20: #8e3dff33;
  --color-primary-alpha-30: #8e3dff4d;
  --color-primary-alpha-40: #8e3dff66;
  --color-primary-alpha-50: #8e3dff80;
  --color-primary-alpha-60: #8e3dff99;
  --color-primary-alpha-70: #8e3dffb3;
  --color-primary-alpha-80: #8e3dffcc;
  --color-primary-alpha-90: #8e3dffe6;

  --color-secondary: #2c2537;
  --color-secondary-dark-1: #261f31;
  --color-secondary-dark-2: #211a2b;
  --color-secondary-dark-3: #1b1624;
  --color-secondary-dark-4: #16121e;
  --color-secondary-dark-5: #111018;
  --color-secondary-dark-6: #0d0c13;
  --color-secondary-dark-7: #09080d;
  --color-secondary-dark-8: #050507;
  --color-secondary-dark-9: #020203;
  --color-secondary-dark-10: #000000;
  --color-secondary-dark-11: #000000;
  --color-secondary-dark-12: #000000;
  --color-secondary-dark-13: #000000;
  --color-secondary-light-1: #382f45;
  --color-secondary-light-2: #463a55;
  --color-secondary-light-3: #554567;
  --color-secondary-light-4: #66517a;
  --color-secondary-alpha-10: #efe7ff1a;
  --color-secondary-alpha-20: #efe7ff33;
  --color-secondary-alpha-30: #efe7ff4d;
  --color-secondary-alpha-40: #efe7ff66;
  --color-secondary-alpha-50: #efe7ff80;
  --color-secondary-alpha-60: #efe7ff99;
  --color-secondary-alpha-70: #efe7ffb3;
  --color-secondary-alpha-80: #efe7ffcc;
  --color-secondary-alpha-90: #efe7ffe6;

  --color-accent: #b89b76;
  --color-accent-contrast: #111018;
  --color-accent-alpha-20: #b89b7633;

  --color-body: #111018;
  --color-box-header: #191320;
  --color-box-body: #15111c;
  --color-box-body-highlight: #1e1728;
  --color-text: #faf7f1;
  --color-text-light: #d8cbbc;
  --color-text-light-1: #c7a4ff;
  --color-text-light-2: #b9accb;
  --color-text-light-3: #9f93b0;
  --color-text-dark: #ffffff;
  --color-text-focus: #ffffff;
  --color-muted: #2b2236;
  --color-light: #221a2c;
  --color-grey: #8f839f;
  --color-black: #050507;
  --color-white: #faf7f1;

  --color-navbar: #111018;
  --color-navbar-transparent: #111018f0;
  --color-header-wrapper: #17111f;
  --color-footer: #0d0c13;
  --color-timeline: #322640;
  --color-input-background: #100d17;
  --color-input-border: #3c2d4f;
  --color-input-text: #faf7f1;
  --color-card: #17111f;
  --color-markup-table-row: #15111c;
  --color-markup-table-row-alt: #1b1424;
  --color-markup-code-block: #0d0c13;
  --color-markup-code-inline: #251a31;
  --color-code-bg: #0d0c13;
  --color-code-sidebar-bg: #17111f;
  --color-code-sidebar-bg-hover: #21172d;
  --color-diff-removed-row-bg: #5d17334d;
  --color-diff-removed-word-bg: #d4567f59;
  --color-diff-added-row-bg: #27775d38;
  --color-diff-added-word-bg: #5ccf9d45;
  --color-diff-inactive: #26202d;
  --color-active: #8e3dff26;
  --color-menu: #15111c;
  --color-menu-border: #3b2d4a;
  --color-hover: #efe7ff12;
  --color-label-bg: #271f31;
  --color-label-text: #efe7ff;
  --color-shadow: #00000046;
  --color-reaction-bg: #251a31;
  --color-reaction-active-bg: #8e3dff33;
  --color-tooltip-bg: #efe7ff;
  --color-tooltip-text: #111018;
  --color-red: #ef6f91;
  --color-orange: #d99f63;
  --color-yellow: #e2c46e;
  --color-olive: #b8b86f;
  --color-green: #73c991;
  --color-teal: #6ad6cf;
  --color-blue: #79b8ff;
  --color-violet: #8e3dff;
  --color-purple: #c7a4ff;
  --color-pink: #df82bd;
  --color-brown: #b89b76;
  --color-red-badge: #ef6f91;
  --color-red-badge-bg: #ef6f9126;
  --color-green-badge: #73c991;
  --color-green-badge-bg: #73c99124;
  --color-yellow-badge: #e2c46e;
  --color-yellow-badge-bg: #e2c46e24;
  --color-orange-badge: #d99f63;
  --color-orange-badge-bg: #d99f6324;
  --color-blue-badge: #79b8ff;
  --color-blue-badge-bg: #79b8ff24;
  --color-info-bg: #2a1c3c;
  --color-info-text: #efe7ff;
  --color-success-bg: #163427;
  --color-success-text: #a4e9c0;
  --color-warning-bg: #3a2b19;
  --color-warning-text: #f1d18a;
  --color-error-bg: #3c1725;
  --color-error-text: #ff9bb5;

  --border-radius: 6px;
  --border-radius-medium: 6px;
  --border-radius-big: 8px;
  --opacity-disabled: 0.48;
}

html {
  min-height: 100%;
  background: #111018;
}

body {
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 88% 8%, #c7a4ff24 0, transparent 30rem),
    radial-gradient(circle at 8% 82%, #8e3dff20 0, transparent 28rem),
    linear-gradient(180deg, #111018 0%, #1a1025 52%, #4b136f 150%) fixed;
  color: var(--color-text);
  accent-color: var(--color-primary);
}

body,
.page-content,
.ui,
.ui.form,
.ui.form .field > label,
.ui.form .inline.field > label,
.ui.form .inline.fields .field > label,
.ui.checkbox label,
.ui.checkbox + label,
.ui.list,
.ui.list .item,
.ui.table,
.ui.table thead th,
.ui.table tbody td,
.ui.menu,
.ui.menu .item,
.ui.dropdown .menu,
.ui.dropdown .menu > .item,
.ui.modal,
.ui.modal > .header,
.ui.modal > .content,
.ui.message,
.ui.segment,
.ui.card,
.ui.cards > .card,
.repository,
.organization,
.user.profile,
.feeds,
.markup {
  color: var(--color-text);
}

.text.black,
.ui.black.text,
.ui.header .sub.header,
.ui.items > .item > .content > .description,
.ui.items > .item > .content > .meta,
.ui.repository.list .item .description,
.repo-list .repo-title,
.repo-list .repo-title a,
.issue.list > .item .title,
.issue.list > .item .desc,
.comment .text,
.comment .author,
.comment .metadata,
.ui.feed > .event > .content .summary,
.ui.feed > .event > .content .extra.text,
.ui.feed > .event > .content .meta {
  color: var(--color-text) !important;
}

::placeholder {
  color: #b9accb !important;
  opacity: 1;
}

a,
.ui.breadcrumb a,
.repository.file.list #repo-files-table .name a,
.markup a {
  color: #c7a4ff;
}

a:hover,
.ui.breadcrumb a:hover,
.repository.file.list #repo-files-table .name a:hover,
.markup a:hover {
  color: #efe7ff;
}

.following.bar.light,
.ui.top.secondary.stackable.main.menu.following.bar.light {
  background: linear-gradient(90deg, #111018f5 0%, #1a1025f5 56%, #4b136ff2 100%);
  border-bottom: 1px solid #efe7ff28;
  box-shadow: 0 16px 42px #00000030;
}

.following.bar .brand img,
.ui.menu .item img.logo {
  filter: drop-shadow(0 0 10px #8e3dff55);
}

.page-content {
  background: transparent;
}

.ui.menu,
.ui.vertical.menu,
.ui.secondary.pointing.menu,
.ui.tabular.menu {
  border-color: #efe7ff28;
}

.ui.menu .active.item,
.ui.vertical.menu .active.item,
.ui.tabular.menu .active.item {
  color: #faf7f1;
  background: linear-gradient(180deg, #8e3dff26, #8e3dff12);
  border-color: #8e3dff80;
}

.ui.menu .item:hover,
.ui.dropdown .menu > .item:hover,
.ui.link.list .item:hover {
  background: #efe7ff12;
  color: #ffffff;
}

.ui.segment,
.ui.attached.segment,
.ui.repository.list .item,
.repository .repo-header,
.repository .metas,
.issue.list > .item,
.comment-list .comment,
.timeline-item .content,
.ui.card,
.ui.cards > .card,
.ui.table {
  background: #15111ce8;
  border-color: #efe7ff28;
  box-shadow: 0 12px 36px #00000022;
}

.ui.header,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #faf7f1;
  letter-spacing: 0;
}

.ui.sub.header,
.text.grey,
.ui.list .list > .item .description,
.ui.list > .item .description,
.repo-description,
.time-since {
  color: #d8cbbc !important;
}

.ui.primary.button,
.ui.primary.buttons .button,
.ui.green.button,
.ui.basic.primary.button:hover,
.ui.basic.green.button:hover {
  color: #faf7f1;
  background: linear-gradient(135deg, #8e3dff 0%, #4b136f 100%);
  border-color: #bc8aff;
  box-shadow: 0 8px 24px #8e3dff33;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover,
.ui.green.button:hover {
  background: linear-gradient(135deg, #9d56ff 0%, #5b21aa 100%);
  box-shadow: 0 10px 28px #8e3dff4d;
}

.ui.basic.button,
.ui.basic.buttons .button,
.ui.button {
  color: #efe7ff;
  background: #21172d;
  border-color: #efe7ff28;
}

.ui.basic.button:hover,
.ui.basic.buttons .button:hover,
.ui.button:hover {
  color: #ffffff;
  background: #2b1f3a;
  border-color: #c7a4ff66;
}

.ui.label,
.ui.labels .label {
  color: #efe7ff;
  background: #271f31;
  border-color: #efe7ff28;
}

.ui.label.primary,
.ui.primary.labels .label {
  color: #faf7f1;
  background: #8e3dff;
}

.ui.label.accent,
.ui.labels .accent.label {
  color: #111018;
  background: #b89b76;
}

input,
textarea,
.ui.input > input,
.ui.form input:not([type]),
.ui.form input[type="text"],
.ui.form input[type="email"],
.ui.form input[type="password"],
.ui.form textarea,
.ui.selection.dropdown {
  color: #faf7f1;
  background: #100d17;
  border-color: #3c2d4f;
}

input:focus,
textarea:focus,
.ui.input > input:focus,
.ui.form textarea:focus,
.ui.selection.dropdown:focus,
.ui.selection.active.dropdown {
  border-color: #8e3dff;
  box-shadow: 0 0 0 3px #8e3dff26;
}

.markup,
.markdown:not(code) {
  color: #faf7f1;
}

.markup blockquote {
  color: #d8cbbc;
  border-left-color: #8e3dff;
  background: #efe7ff0d;
}

.markup code,
.markup tt,
code {
  color: #efe7ff;
  background: #251a31;
  border-color: #efe7ff1f;
}

.markup pre,
.chroma {
  background: #0d0c13;
  border-color: #efe7ff28;
}

.repository .repo-title .repo-icon,
.repository .repo-title .svg,
.repository .header-wrapper .repo-title .repo-icon {
  color: #c7a4ff;
}

.repository .header-wrapper,
.repository.view.issue .comment-list .timeline-item.event {
  background: transparent;
}

.repository .diff-file-box .file-header,
.repository .diff-box .file-header,
.repository .code-view .lines-num {
  background: #17111f;
  border-color: #efe7ff28;
}

.repository .code-view .lines-code {
  background: #0d0c13;
}

.repository .code-view .lines-num span,
.repository .code-view .lines-code pre,
.repository .code-view .lines-code ol {
  color: #d8cbbc;
}

.activity-bar-graph,
.heatmap-container {
  filter: saturate(1.12) hue-rotate(8deg);
}

.ui.progress .bar {
  background: linear-gradient(90deg, #8e3dff, #b89b76);
}

html.laccaria-auth-page,
body.laccaria-auth-page {
  min-height: 100svh;
  overflow-x: hidden;
}

body.laccaria-auth-page #app,
body.laccaria-auth-page .full.height {
  min-height: 100svh;
}

body.laccaria-auth-page .page-content {
  display: grid;
  min-height: 100svh;
  place-items: center;
  padding: clamp(1.5rem, 5vw, 4rem) 1rem;
}

body.laccaria-auth-page .page-content > .ui.container,
body.laccaria-auth-page .page-content > .container {
  width: min(28rem, 100%);
  margin-right: auto !important;
  margin-left: auto !important;
}

body.laccaria-auth-page .ui.segment,
body.laccaria-auth-page .ui.attached.segment {
  width: 100%;
}

::-webkit-scrollbar-thumb {
  background: #4b136f;
  border-color: #111018;
}

::-webkit-scrollbar-thumb:hover {
  background: #8e3dff;
}