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

:root {
  color-scheme: dark;

  --pauen-bg: #060914;
  --pauen-bg-soft: #0b1020;
  --pauen-bg-elevated: #101827;
  --pauen-bg-card: rgba(15, 23, 42, 0.78);
  --pauen-border: rgba(148, 163, 184, 0.2);
  --pauen-border-strong: rgba(82, 161, 250, 0.34);
  --pauen-text: #eef4ff;
  --pauen-text-muted: #9aa8bd;
  --pauen-primary: #52a1fa;
  --pauen-primary-strong: #2563eb;
  --pauen-cyan: #38bdf8;
  --pauen-green: #22c55e;
  --pauen-red: #ef4444;
  --pauen-purple: #a78bfa;
  --pauen-shadow: 0 22px 70px rgba(0, 0, 0, 0.42);
  --pauen-ring: 0 0 0 3px rgba(82, 161, 250, 0.24);

  --color-primary: var(--pauen-primary);
  --color-primary-dark-1: #3f8de6;
  --color-primary-dark-2: #2f7bd1;
  --color-primary-dark-3: #2368b7;
  --color-primary-dark-4: #1d5799;
  --color-primary-dark-5: #18467a;
  --color-primary-dark-6: #12345c;
  --color-primary-dark-7: #0c233d;
  --color-primary-light-1: #6fb0fb;
  --color-primary-light-2: #8bc1fc;
  --color-primary-light-3: #a7d2fd;
  --color-primary-light-4: #c5e2fe;
  --color-primary-light-5: #dff0ff;
  --color-primary-light-6: #eef7ff;
  --color-primary-light-7: #f7fbff;

  --color-secondary: #151e2f;
  --color-secondary-dark-1: #111827;
  --color-secondary-dark-2: #0d1320;
  --color-secondary-dark-3: #090e18;
  --color-secondary-dark-4: #060a12;
  --color-secondary-light-1: #1d2a40;
  --color-secondary-light-2: #26364f;
  --color-secondary-light-3: #31445f;
  --color-secondary-light-4: #3e526f;

  --color-caret: var(--pauen-primary);
  --color-body: var(--pauen-bg);
  --color-box-body: var(--pauen-bg-card);
  --color-box-header: rgba(17, 24, 39, 0.9);
  --color-box-border: var(--pauen-border);
  --color-card: var(--pauen-bg-card);
  --color-navbar: rgba(6, 9, 20, 0.9);
  --color-footer: rgba(6, 9, 20, 0.92);
  --color-text: var(--pauen-text);
  --color-text-light: #cbd5e1;
  --color-text-light-1: #b8c4d6;
  --color-text-light-2: var(--pauen-text-muted);
  --color-text-light-3: #728096;
  --color-muted: rgba(148, 163, 184, 0.13);
  --color-hover: rgba(82, 161, 250, 0.12);
  --color-active: rgba(82, 161, 250, 0.19);
  --color-menu: rgba(15, 23, 42, 0.98);
  --color-markup-table-row: rgba(15, 23, 42, 0.72);
  --color-markup-code-block: rgba(2, 6, 23, 0.72);
  --color-markup-code-inline: rgba(82, 161, 250, 0.16);
  --color-code-bg: #070b16;
  --color-code-sidebar-bg: #0b1020;
  --color-input-background: rgba(2, 6, 23, 0.55);
  --color-input-border: rgba(148, 163, 184, 0.25);
  --color-input-border-hover: rgba(82, 161, 250, 0.55);
  --color-light: rgba(255, 255, 255, 0.06);
  --color-light-border: rgba(255, 255, 255, 0.11);
  --color-label-bg: rgba(148, 163, 184, 0.16);
  --color-label-text: #dbeafe;
  --color-accent: var(--pauen-cyan);
  --color-accent-contrast: #06101c;
  --color-success: var(--pauen-green);
  --color-warning: var(--pauen-primary);
  --color-error: var(--pauen-red);
  --color-info: var(--pauen-cyan);

  --border-radius: 0.75rem;
  --border-radius-medium: 0.95rem;
  --border-radius-large: 1.25rem;
}

html {
  background:
    radial-gradient(circle at 18% 8%, rgba(82, 161, 250, 0.18), transparent 32rem),
    radial-gradient(circle at 88% 12%, rgba(56, 189, 248, 0.12), transparent 28rem),
    linear-gradient(135deg, #050714 0%, #08111f 48%, #070a14 100%);
}

body {
  background:
    linear-gradient(rgba(6, 9, 20, 0.78), rgba(6, 9, 20, 0.94)),
    radial-gradient(circle at 75% 24%, rgba(82, 161, 250, 0.11), transparent 34rem);
  color: var(--pauen-text);
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

a,
.link,
.ui.breadcrumb a {
  color: #6fb0fb;
}

a:hover,
.link:hover,
.ui.breadcrumb a:hover {
  color: #dbeafe;
}

.following.bar.light,
.ui.secondary.menu.navbar,
.page-content .ui.menu.navbar {
  background: rgba(6, 9, 20, 0.86) !important;
  border-bottom: 1px solid var(--pauen-border);
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(18px);
}

.following.bar .brand,
.ui.menu .item.brand {
  font-weight: 800;
  letter-spacing: 0.01em;
}

.following.bar .brand img,
.ui.menu .item.brand img {
  filter: drop-shadow(0 8px 26px rgba(82, 161, 250, 0.24));
}

.ui.menu .item,
.ui.dropdown .menu > .item {
  color: var(--pauen-text-light) !important;
}

.ui.menu .active.item,
.ui.menu .item:hover,
.ui.dropdown .menu > .item:hover {
  background: rgba(82, 161, 250, 0.12) !important;
  color: #eff6ff !important;
}

.ui.dropdown .menu,
.ui.popup,
.ui.modal,
.ui.segment,
.ui.attached.segment,
.repository .header-wrapper,
.repository.file.list #repo-files-table,
.ui.repository.list .item,
.dashboard.feeds .news,
.issue.list > .item,
.pull.list > .item {
  background: rgba(15, 23, 42, 0.9) !important;
  border-color: var(--pauen-border) !important;
  box-shadow: var(--pauen-shadow);
  backdrop-filter: blur(14px);
}

.ui.box,
.ui.card,
.ui.cards > .card,
.ui.table,
.ui.message,
.repository .diff-file-box,
.repository.view.issue .comment-list .comment,
.ui.repository.list .item {
  background: var(--pauen-bg-card) !important;
  border: 1px solid var(--pauen-border) !important;
  border-radius: var(--border-radius-large) !important;
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.22);
}

.ui.header,
.ui.card > .content > .header,
.ui.cards > .card > .content > .header,
.repository .repo-title,
.repository .repo-title a {
  color: var(--pauen-text) !important;
}

.ui.sub.header,
.description,
.text.grey,
.time-since,
.repo-description,
.repository-meta-content,
.ui.list .list > .item .description,
.ui.list > .item .description {
  color: var(--pauen-text-muted) !important;
}

.ui.primary.button,
.ui.primary.buttons .button,
.ui.green.button,
.ui.green.buttons .button,
.ui.button.primary,
.ui.basic.primary.button:hover {
  background: linear-gradient(135deg, var(--pauen-primary), var(--pauen-primary-strong)) !important;
  color: #111827 !important;
  border: 0 !important;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.28);
  font-weight: 700;
}

.ui.primary.button:hover,
.ui.green.button:hover,
.ui.button.primary:hover {
  background: linear-gradient(135deg, #8bc1fc, #3f8de6) !important;
  color: #0f172a !important;
  transform: translateY(-1px);
}

.ui.button,
.ui.buttons .button {
  background: rgba(30, 41, 59, 0.85) !important;
  color: var(--pauen-text-light) !important;
  border: 1px solid rgba(148, 163, 184, 0.2) !important;
  border-radius: 0.75rem !important;
}

.ui.button:hover,
.ui.buttons .button:hover {
  background: rgba(51, 65, 85, 0.95) !important;
  border-color: rgba(82, 161, 250, 0.42) !important;
  color: #eff6ff !important;
}

.ui.basic.button,
.ui.basic.buttons .button {
  background: transparent !important;
  color: var(--pauen-text-light) !important;
  border: 1px solid rgba(148, 163, 184, 0.26) !important;
}

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 input[type="url"],
.ui.form textarea,
.ui.selection.dropdown {
  background: rgba(2, 6, 23, 0.58) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  border-radius: 0.85rem !important;
  color: var(--pauen-text) !important;
}

input:focus,
textarea:focus,
.ui.input.focus > input,
.ui.input > input:focus,
.ui.form textarea:focus,
.ui.selection.active.dropdown,
.ui.selection.dropdown:focus {
  border-color: var(--pauen-primary) !important;
  box-shadow: var(--pauen-ring) !important;
}

::placeholder {
  color: #64748b !important;
}

.ui.table {
  background: rgba(15, 23, 42, 0.72) !important;
}

.ui.table thead th {
  background: rgba(2, 6, 23, 0.7) !important;
  color: #dbeafe !important;
  border-color: var(--pauen-border) !important;
}

.ui.table tr,
.ui.table td {
  border-color: rgba(148, 163, 184, 0.13) !important;
}

.ui.table tbody tr:hover {
  background: rgba(82, 161, 250, 0.08) !important;
}

.repository.file.list #repo-files-table tr:hover,
.repository.file.list #repo-files-table .entry:hover {
  background: rgba(82, 161, 250, 0.08) !important;
}

.repository.file.list #repo-files-table .svg.octicon-file-directory,
.repository.file.list #repo-files-table .svg.octicon-file-submodule,
.repository.file.list #repo-files-table .svg.octicon-file {
  color: #6fb0fb;
}

.markup,
.markdown:not(code),
.file-view.markup {
  color: #dbeafe;
}

.markup h1,
.markup h2,
.markup h3,
.markup h4 {
  color: #eff6ff;
}

.markup code,
.markup tt,
code,
kbd,
pre {
  background: rgba(2, 6, 23, 0.76) !important;
  color: #bae6fd;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

.chroma,
.lines-code,
.code-view,
.repository.file.editor .tab[data-tab="write"] {
  background: #050816 !important;
}

.diff-file-box .file-header,
.diff-file-box .code-diff-unified,
.diff-file-box .code-diff-split {
  border-color: var(--pauen-border) !important;
}

.lines-num,
.lines-escape,
.code-diff .lines-num {
  background: rgba(2, 6, 23, 0.78) !important;
  color: #64748b !important;
  border-color: rgba(148, 163, 184, 0.12) !important;
}

.ui.label,
.ui.labels .label,
.repo-topic,
.label-list .item {
  background: rgba(82, 161, 250, 0.14) !important;
  color: #bfdbfe !important;
  border-color: rgba(82, 161, 250, 0.26) !important;
  border-radius: 999px !important;
}

.ui.green.label,
.ui.labels .green.label {
  background: rgba(34, 197, 94, 0.16) !important;
  color: #86efac !important;
}

.ui.red.label,
.ui.labels .red.label {
  background: rgba(239, 68, 68, 0.16) !important;
  color: #fca5a5 !important;
}

.ui.blue.label,
.ui.labels .blue.label {
  background: rgba(56, 189, 248, 0.16) !important;
  color: #bae6fd !important;
}

.ui.menu .item::selection,
::selection {
  background: rgba(82, 161, 250, 0.35);
  color: #fff;
}

/* .home .hero,
.page-content.home {
  background:
    radial-gradient(circle at 20% 18%, rgba(82, 161, 250, 0.2), transparent 30rem),
    radial-gradient(circle at 80% 10%, rgba(56, 189, 248, 0.14), transparent 28rem);
} */

.home .logo {
  width: 370px;
  max-width: 300px;
}

.home .hero h1,
.home .hero .ui.header {
  color: #eff6ff !important;
  text-shadow: 0 18px 54px rgba(82, 161, 250, 0.18);
}

.footer {
  background: rgba(6, 9, 20, 0.92) !important;
  border-top: 1px solid var(--pauen-border);
  color: var(--pauen-text-muted) !important;
}

.footer a {
  color: #6fb0fb !important;
}

.ui.menu .item > .floating.label,
.notification_count {
  background: linear-gradient(135deg, var(--pauen-primary), var(--pauen-primary-strong)) !important;
  color: #111827 !important;
}

.ui.progress .bar {
  background: linear-gradient(90deg, var(--pauen-primary), var(--pauen-cyan)) !important;
}

.ui.warning.message {
  background: rgba(82, 161, 250, 0.12) !important;
  color: #bfdbfe !important;
  border-color: rgba(82, 161, 250, 0.3) !important;
}

.ui.info.message {
  background: rgba(56, 189, 248, 0.12) !important;
  color: #bae6fd !important;
  border-color: rgba(56, 189, 248, 0.28) !important;
}

.ui.positive.message,
.ui.success.message {
  background: rgba(34, 197, 94, 0.12) !important;
  color: #bbf7d0 !important;
  border-color: rgba(34, 197, 94, 0.28) !important;
}

.ui.negative.message,
.ui.error.message {
  background: rgba(239, 68, 68, 0.12) !important;
  color: #fecaca !important;
  border-color: rgba(239, 68, 68, 0.28) !important;
}

.user.profile .ui.card,
.organization.profile #org-info {
  overflow: hidden;
}

.user.profile .ui.card::before,
.organization.profile #org-info::before {
  display: block;
  height: 0.35rem;
  background: linear-gradient(90deg, var(--pauen-primary), var(--pauen-cyan));
  content: "";
}