main {
  --primary-default: 74, 222, 128;
  --bg-default: 10, 14, 20;
  --color-prettylights-syntax-comment: #5c6a7a;
  --color-prettylights-syntax-constant: #58a6ff;
  --color-prettylights-syntax-entity: #d2a8ff;
  --color-prettylights-syntax-storage-modifier-import: #c5cdd8;
  --color-prettylights-syntax-entity-tag: #4ade80;
  --color-prettylights-syntax-keyword: #ff7b72;
  --color-prettylights-syntax-string: #22d3ee;
  --color-prettylights-syntax-variable: #e3b341;
  --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
  --color-prettylights-syntax-invalid-illegal-text: #e6edf3;
  --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
  --color-prettylights-syntax-carriage-return-text: #e6edf3;
  --color-prettylights-syntax-carriage-return-bg: #b62324;
  --color-prettylights-syntax-string-regexp: #4ade80;
  --color-prettylights-syntax-markup-list: #e3b341;
  --color-prettylights-syntax-markup-heading: #58a6ff;
  --color-prettylights-syntax-markup-italic: #c5cdd8;
  --color-prettylights-syntax-markup-bold: #c5cdd8;
  --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
  --color-prettylights-syntax-markup-deleted-bg: #67060c;
  --color-prettylights-syntax-markup-inserted-text: #aff5b4;
  --color-prettylights-syntax-markup-inserted-bg: #033a16;
  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
  --color-prettylights-syntax-markup-changed-bg: #5a1e02;
  --color-prettylights-syntax-markup-ignored-text: #c5cdd8;
  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
  --color-prettylights-syntax-brackethighlighter-angle: #5c6a7a;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
  --color-prettylights-syntax-constant-other-reference-link: #22d3ee;
  --color-btn-text: #c5cdd8;
  --color-btn-bg: #111921;
  --color-btn-border: #1e2d3d;
  --color-btn-shadow: 0 1px 0 #0a0e14;
  --color-btn-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  --color-btn-hover-bg: #1a2332;
  --color-btn-hover-border: #2a3f55;
  --color-btn-active-bg: rgba(74, 222, 128, 0.15);
  --color-btn-active-border: rgba(74, 222, 128, 0.6);
  --color-btn-selected-bg: rgba(74, 222, 128, 0.1);
  --color-btn-primary-text: #0a0e14;
  --color-btn-primary-bg: #4ade80;
  --color-btn-primary-border: #4ade80;
  --color-btn-primary-shadow: 0 0 12px rgba(74, 222, 128, 0.3), 0 0 4px rgba(74, 222, 128, 0.15);
  --color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
  --color-btn-primary-hover-bg: #2dd864;
  --color-btn-primary-hover-border: #2dd864;
  --color-btn-primary-selected-bg: #4ade80;
  --color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0, 45, 17, 0.2);
  --color-btn-primary-disabled-text: rgba(10, 14, 20, 0.5);
  --color-btn-primary-disabled-bg: rgba(74, 222, 128, 0.25);
  --color-btn-primary-disabled-border: rgba(74, 222, 128, 0.25);
  --color-action-list-item-default-hover-bg: rgba(74, 222, 128, 0.06);
  --color-segmented-control-bg: rgba(30, 45, 61, 0.4);
  --color-segmented-control-button-bg: #111921;
  --color-segmented-control-button-selected-border: #2a3f55;
  --color-fg-default: #c5cdd8;
  --color-fg-muted: #5c6a7a;
  --color-fg-subtle: rgba(92, 106, 122, 0.7);
  --color-canvas-default: #0d1219;
  --color-canvas-overlay: #111921;
  --color-canvas-inset: #0a0e14;
  --color-canvas-subtle: #111921;
  --color-border-default: #1e2d3d;
  --color-border-muted: rgba(30, 45, 61, 0.5);
  --color-neutral-muted: rgba(30, 45, 61, 0.5);
  --color-accent-fg: #4ade80;
  --color-accent-emphasis: #4ade80;
  --color-accent-muted: rgba(74, 222, 128, 0.4);
  --color-accent-subtle: rgba(74, 222, 128, 0.08);
  --color-success-fg: #4ade80;
  --color-attention-fg: #e3b341;
  --color-attention-muted: rgba(227, 179, 65, 0.4);
  --color-attention-subtle: rgba(227, 179, 65, 0.15);
  --color-danger-fg: #ff7b72;
  --color-danger-muted: rgba(255, 123, 114, 0.4);
  --color-danger-subtle: rgba(255, 123, 114, 0.1);
  --color-primer-shadow-inset: 0 1px 0 #0a0e14, inset 0 1px 0 #0a0e14;
  --color-scale-gray-7: #0a0e14;
  --color-scale-blue-8: rgba(74, 222, 128, 0.12);
  --color-social-reaction-bg-hover: var(--color-scale-gray-7);
  --color-social-reaction-bg-reacted-hover: var(--color-scale-blue-8);
}

/* Monospace font throughout to match terminal theme */
main,
main * {
  font-family: 'JetBrains Mono', ui-monospace, 'Cascadia Code', 'Fira Code', monospace !important;
}

/* Reactions section — borderless, blends with background */
main .gsc-reactions {
  border: none;
  background: transparent;
}

main .gsc-reactions-count {
  font-size: 0.8rem;
  color: #5c6a7a;
}

main .gsc-reactions .color-border-default {
  border-color: transparent !important;
}

main .gsc-social-reaction-summary-item {
  border: 1px solid #1e2d3d;
  background: #111921;
  border-radius: 4px;
  transition: all 0.2s ease;
}

main .gsc-social-reaction-summary-item:hover {
  border-color: rgba(74, 222, 128, 0.3);
  background: rgba(74, 222, 128, 0.06);
}

main .gsc-social-reaction-summary-item.has-reacted {
  border-color: rgba(74, 222, 128, 0.5);
  background: rgba(74, 222, 128, 0.08);
}

/* Comments header */
main .gsc-comments > .gsc-header {
  font-size: 0.85rem;
}

main .gsc-header-link {
  color: #5c6a7a;
  font-size: 0.75rem;
}

/* Comment box container — single clean border */
main .gsc-comment-box {
  border: 1px solid rgba(30, 45, 61, 0.6);
  border-radius: 6px;
  background: transparent;
  overflow: hidden;
}

/* Write/Preview tabs */
main .gsc-comment-box-tabs {
  background: rgba(17, 25, 33, 0.5);
  border-bottom: 1px solid rgba(30, 45, 61, 0.4);
}

main .gsc-comment-box-md-toolbar {
  background: transparent;
  border-bottom: none;
}

/* Textarea — seamless with comment box */
main .gsc-comment-box-textarea {
  background: transparent;
  border: none;
  color: #c5cdd8;
  font-size: 0.85rem;
  line-height: 1.7;
  transition: box-shadow 0.2s ease;
}

main .gsc-comment-box-textarea:focus {
  box-shadow: none;
  outline: none;
}

main .gsc-comment-box-textarea::placeholder {
  color: rgba(92, 106, 122, 0.6);
  font-style: normal;
}

/* Comment box bottom bar */
main .gsc-comment-box-bottom {
  background: transparent;
  border-top: 1px solid rgba(30, 45, 61, 0.4);
}

/* Primary button (Comment / Sign in) glow effect */
main .gsc-comment-box-bottom .btn-primary,
main .btn-primary {
  font-weight: 600;
  letter-spacing: 0.02em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  transition: all 0.2s ease;
}

main .gsc-comment-box-bottom .btn-primary:hover,
main .btn-primary:hover {
  color: #0a0e14 !important;
  box-shadow: 0 0 16px rgba(74, 222, 128, 0.35), 0 0 6px rgba(74, 222, 128, 0.2);
}

/* Individual comments */
main .gsc-comment {
  border: 1px solid rgba(30, 45, 61, 0.6);
  border-radius: 6px;
  background: transparent;
  overflow: hidden;
}

main .gsc-comment .gsc-comment-header {
  background: rgba(17, 25, 33, 0.4);
  border-bottom: 1px solid rgba(30, 45, 61, 0.4);
}

main .gsc-comment-author-avatar img {
  border-radius: 4px;
  border: 1px solid #1e2d3d;
}

/* Comment content */
main .gsc-comment-content {
  font-size: 0.85rem;
  line-height: 1.75;
}

/* Links inside giscus */
main a {
  color: #58a6ff;
  transition: color 0.2s ease, text-shadow 0.2s ease;
}

main a:hover {
  color: #4ade80;
  text-shadow: 0 0 8px rgba(74, 222, 128, 0.25);
}

/* Reply box */
main .gsc-reply-box {
  border-top: 1px solid rgba(30, 45, 61, 0.5);
}

/* Timeline connector */
main .gsc-timeline {
  border-color: #1e2d3d;
}

/* Sign in link styling */
main .gsc-comment-box-singin {
  font-size: 0.8rem;
}

main .pagination-loader-container {
  background-image: url("https://github.com/images/modules/pulls/progressive-disclosure-line-dark.svg");
}

main .gsc-loading-image {
  background-image: url("https://github.githubassets.com/images/mona-loading-dark.gif");
}