@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --pw-bg: #0a0a0f;
  --pw-bg-secondary: #12121a;
  --pw-bg-card: #1a1a24;
  --pw-text: #e4e4e7;
  --pw-text-muted: #a1a1aa;
  --pw-primary: #8b5cf6;
  --pw-primary-light: #a78bfa;
  --pw-primary-dark: #7c3aed;
  --pw-accent: #22d3ee;
  --pw-paren: #f472b6;
  --pw-border: #27272a;
  --pw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.2);
  --pw-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.3);
  --pw-radius: 8px;
  --pw-radius-lg: 16px;
}

:root,
:root.theme-parenworks {
  --fonts-proportional: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  --fonts-monospace: 'JetBrains Mono', 'Fira Code', monospace !important;

  --color-body: var(--pw-bg);
  --color-box-body: var(--pw-bg-card);
  --color-box-header: var(--pw-bg-secondary);
  --color-box-border: var(--pw-border);
  --color-text: var(--pw-text);
  --color-text-light: var(--pw-text-muted);
  --color-text-dark: #ffffff;
  --color-primary: var(--pw-primary);
  --color-primary-dark-1: var(--pw-primary-dark);
  --color-primary-dark-2: #6d28d9;
  --color-primary-light-1: var(--pw-primary-light);
  --color-primary-light-2: #c4b5fd;
  --color-link: var(--pw-primary-light);
  --color-link-hover: var(--pw-accent);
  --color-link-active: var(--pw-accent);
  --color-nav-bg: rgba(10, 10, 15, 0.88);
  --color-header-wrapper: rgba(10, 10, 15, 0.88);
  --color-secondary-navbar: var(--pw-bg-secondary);
  --color-menu: var(--pw-bg-secondary);
  --color-input-background: #111118;
  --color-input-border: var(--pw-border);
  --color-input-border-hover: var(--pw-primary);
  --color-input-border-focus: var(--pw-primary-light);
  --color-btn-bg: var(--pw-primary);
  --color-btn-hover-bg: var(--pw-primary-dark);
  --color-btn-text: #ffffff;
  --color-btn-active-bg: #6d28d9;
  --color-btn-secondary-bg: transparent;
  --color-btn-secondary-border: var(--pw-border);
  --color-btn-secondary-text: var(--pw-text);
  --color-btn-secondary-hover-bg: rgba(139, 92, 246, 0.1);
  --color-btn-secondary-hover-border: var(--pw-primary);
  --color-hover: rgba(139, 92, 246, 0.08);
  --color-active: rgba(139, 92, 246, 0.16);
  --color-markup-code-block: #111118;
  --color-markup-code-inline: #1f1f2b;
  --color-markup-table-row: rgba(255, 255, 255, 0.02);
  --color-markup-table-row-hover: rgba(139, 92, 246, 0.06);
}

body,
.full.height {
  background: linear-gradient(180deg, #0a0a0f 0%, #12121a 100%);
  color: var(--pw-text);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.monospaced,
code,
pre,
.repository .header .name,
.logo,
.ui .sha {
  font-family: "JetBrains Mono", "Fira Code", monospace !important;
}

.following.bar,
.ui.top.secondary.stackable.main.menu,
.ui.secondary.pointing.menu,
.navbar,
#navbar {
  background: rgba(10, 10, 15, 0.88) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--pw-border) !important;
  box-shadow: none !important;
}

.ui.menu .item,
.ui.secondary.menu .item,
.following.bar .item {
  color: var(--pw-text-muted) !important;
}

.ui.menu .active.item,
.ui.menu .item:hover,
.following.bar .item:hover {
  color: var(--pw-text) !important;
}

.ui.segment,
.ui.card,
.ui.fluid.card,
.repository .ui.segment,
.ui.attached.segment,
.ui.vertical.menu,
.ui.table,
.ui.form textarea,
.ui.form input:not([type]),
.ui.form input[type="text"],
.ui.form input[type="email"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="url"],
.ui.form select {
  background: var(--pw-bg-card) !important;
  border-color: var(--pw-border) !important;
  color: var(--pw-text) !important;
  border-radius: var(--pw-radius) !important;
  box-shadow: var(--pw-shadow) !important;
}

.ui.form input:focus,
.ui.form textarea:focus,
.ui.form select:focus {
  border-color: var(--pw-primary-light) !important;
  box-shadow: 0 0 0 1px var(--pw-primary-light) !important;
}

.ui.button,
.ui.primary.button {
  background: var(--pw-primary) !important;
  color: #fff !important;
  border-radius: var(--pw-radius) !important;
}

.ui.button:hover,
.ui.primary.button:hover {
  background: var(--pw-primary-dark) !important;
}

.ui.basic.button,
.ui.secondary.button {
  background: transparent !important;
  color: var(--pw-text) !important;
  border: 1px solid var(--pw-border) !important;
}

.ui.basic.button:hover,
.ui.secondary.button:hover {
  color: var(--pw-primary-light) !important;
  border-color: var(--pw-primary) !important;
  background: rgba(139, 92, 246, 0.08) !important;
}

a {
  color: var(--pw-primary-light) !important;
}

a:hover {
  color: var(--pw-accent) !important;
}

.ui.table thead th {
  background: var(--pw-bg-secondary) !important;
  color: var(--pw-text) !important;
  border-color: var(--pw-border) !important;
}

.ui.table tbody tr td {
  border-color: var(--pw-border) !important;
}

.ui.table tbody tr:hover {
  background: rgba(139, 92, 246, 0.04) !important;
}

.ui.label,
.issue-label,
.repository-label {
  border-radius: 999px !important;
}

.ui.message,
.ui.info.message,
.ui.warning.message,
.ui.error.message,
.ui.success.message {
  border-radius: var(--pw-radius) !important;
  border-color: var(--pw-border) !important;
  box-shadow: var(--pw-shadow) !important;
}

.repo-header,
.repository .header-wrapper,
.repository .repo-header {
  background: transparent !important;
  border-bottom: 1px solid var(--pw-border) !important;
}

.markdown:not(code) pre,
.markdown code,
.repository.file.list #repo-files-table tr,
.repository.wiki.view .markdown,
.repository.release #release-list > li,
.issue list,
.commit-list,
.event {
  border-color: var(--pw-border) !important;
}

pre,
code,
.markdown code,
.markdown pre {
  background: #111118 !important;
  color: #e9e9ef !important;
  border-radius: var(--pw-radius) !important;
}

.ui.dropdown .menu {
  background: var(--pw-bg-card) !important;
  border: 1px solid var(--pw-border) !important;
  box-shadow: var(--pw-shadow-lg) !important;
}

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

.ui.dropdown .menu > .item:hover {
  background: rgba(139, 92, 246, 0.08) !important;
  color: var(--pw-text) !important;
}

.home .hero,
.user.profile .ui.card,
.dashboard.feeds .news,
.dashboard.repositories .ui.segment {
  background: var(--pw-bg-card) !important;
  border: 1px solid var(--pw-border) !important;
  border-radius: var(--pw-radius-lg) !important;
  box-shadow: var(--pw-shadow) !important;
}

img.logo,
img.ui.avatar,
img.ui.mini.image {
  border-radius: 8px;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: var(--pw-bg);
}

::-webkit-scrollbar-thumb {
  background: #2b2b39;
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--pw-primary);
}