/* ============================================================
   CENTRAL BUREAUCRACY — Light Edition
   "Good news, everyone! You can actually read the code now."
   ============================================================ */

:root {
  --pe-green:        #2e7d32;
  --pe-green-mid:    #388e3c;
  --pe-green-light:  #4caf50;
  --pe-green-pale:   #e8f5e9;
  --pe-purple:       #6a1b9a;
  --pe-purple-mid:   #7b1fa2;
  --pe-purple-light: #9c4dcc;
  --pe-purple-pale:  #f3e5f5;
  --pe-amber:        #e65100;
  --pe-amber-light:  #ff8f00;
  --pe-red:          #c62828;
  --pe-bg:           #f5f5f0;
  --pe-bg-card:      #ffffff;
  --pe-bg-sidebar:   #f0f0eb;
  --pe-bg-code:      #f8f8f4;
  --pe-text:         #1a1a2e;
  --pe-text-muted:   #555566;
  --pe-border:       rgba(46, 125, 50, 0.2);

  --color-primary:           var(--pe-green);
  --color-primary-dark-1:    #1b5e20;
  --color-primary-light-1:   var(--pe-green-light);
  --color-primary-contrast:  #ffffff;
  --color-secondary:         var(--pe-purple);
  --color-body:              var(--pe-bg);
  --color-sidebar:           var(--pe-bg-sidebar);
  --color-card:              var(--pe-bg-card);
  --color-input:             #ffffff;
  --color-text:              var(--pe-text);
  --color-text-secondary:    var(--pe-text-muted);
  --color-border:            var(--pe-border);
  --color-green:             var(--pe-green);
  --color-red:               var(--pe-red);
  --color-orange:            var(--pe-amber);
}

/* ── Base ────────────────────────────────────────────── */
body {
  background-color: var(--pe-bg) !important;
  color: var(--pe-text) !important;
  font-family: "Share Tech Mono", "Courier New", monospace !important;
}

/* ── Top nav — keep it dark and dramatic ─────────────── */
.navbar, #navbar {
  background: linear-gradient(135deg, #1a1a2e 0%, #2d0050 100%) !important;
  border-bottom: 3px solid var(--pe-green-light) !important;
  box-shadow: 0 2px 16px rgba(46,125,50,0.25) !important;
}

.navbar .header, .navbar a.item {
  color: #81c784 !important;
  letter-spacing: 0.05em;
}

.navbar a.item:hover {
  background: rgba(76,175,80,0.2) !important;
  color: #a5d6a7 !important;
}

.navbar .logo svg, .navbar .logo img {
  filter: drop-shadow(0 0 4px rgba(76,175,80,0.5));
}

/* ── Sidebar ─────────────────────────────────────────── */
.ui.secondary.menu, aside, .repository.file.list .sidebar {
  background: var(--pe-bg-sidebar) !important;
  border-right: 1px solid var(--pe-border) !important;
}

/* ── Cards & segments ────────────────────────────────── */
.ui.segment, .ui.card, .ui.attached.segment, .issue-content {
  background: var(--pe-bg-card) !important;
  border: 1px solid var(--pe-border) !important;
  border-radius: 4px !important;
  color: var(--pe-text) !important;
}

.explore.repos .item {
  background: var(--pe-bg-card) !important;
  border: 1px solid var(--pe-border) !important;
  border-left: 3px solid var(--pe-purple-light) !important;
  color: var(--pe-text) !important;
}

.explore.repos .item:hover {
  border-left-color: var(--pe-green) !important;
  box-shadow: 0 2px 8px rgba(46,125,50,0.1) !important;
}

/* ── Buttons ─────────────────────────────────────────── */
.ui.primary.button, .ui.green.button {
  background: var(--pe-green) !important;
  border: 1px solid var(--pe-green-mid) !important;
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.85em;
}

.ui.primary.button:hover, .ui.green.button:hover {
  background: var(--pe-green-mid) !important;
  box-shadow: 0 2px 8px rgba(46,125,50,0.3) !important;
}

.ui.button {
  background: #fff !important;
  color: var(--pe-text) !important;
  border: 1px solid #ccc !important;
}

.ui.button:hover {
  border-color: var(--pe-green) !important;
  color: var(--pe-green) !important;
}

/* ── Labels / Badges ─────────────────────────────────── */
.ui.label, .label {
  background: var(--pe-purple-pale) !important;
  color: var(--pe-purple) !important;
  border: 1px solid rgba(106,27,154,0.2) !important;
  border-radius: 2px !important;
  font-size: 0.75em;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* ── Code — the important bit ────────────────────────── */
pre {
  font-family: "Share Tech Mono", "Courier New", monospace !important;
}

code {
  font-family: "Share Tech Mono", "Courier New", monospace !important;
}

/* Code view (repo file browser) */
.code-view {
  background: #ffffff !important;
}

.code-view td.lines-num {
  background: var(--pe-bg-code) !important;
  color: var(--pe-purple-light) !important;
  border-right: 1px solid #e0e0d8 !important;
  user-select: none;
}

.code-view td.lines-code {
  color: #1a1a2e !important;
}

/* Syntax highlight tweaks for light bg */
.code-view .x { color: #c62828 !important; }
.code-view .k { color: #6a1b9a !important; font-weight: 600; }
.code-view .s { color: #2e7d32 !important; }
.code-view .c { color: #888 !important; font-style: italic; }
.code-view .n { color: #1a1a2e !important; }

/* ── File tree ───────────────────────────────────────── */
.repository.file.list .item.name a {
  color: var(--pe-green) !important;
}

.repository.file.list .item.name a:hover {
  color: var(--pe-green-mid) !important;
}

.repository.file.list .item .octicon-file-directory-fill {
  color: var(--pe-amber-light) !important;
}

/* ── Issues & PRs ────────────────────────────────────── */
.issue.list .item {
  border-bottom: 1px solid var(--pe-border) !important;
  background: var(--pe-bg-card) !important;
}

.issue.list .item:hover {
  background: var(--pe-green-pale) !important;
}

.label.open {
  background: var(--pe-green-pale) !important;
  color: var(--pe-green) !important;
  border-color: var(--pe-green) !important;
}

.label.closed {
  background: #ffebee !important;
  color: var(--pe-red) !important;
  border-color: var(--pe-red) !important;
}

/* ── Forms & inputs ──────────────────────────────────── */
.ui.form input[type="text"],
.ui.form input[type="password"],
.ui.form input[type="email"],
.ui.form textarea,
.ui.form select,
.ui.input > input {
  background: #ffffff !important;
  border: 1px solid #ccc !important;
  color: var(--pe-text) !important;
  border-radius: 2px !important;
}

.ui.form input:focus,
.ui.form textarea:focus {
  border-color: var(--pe-green) !important;
  box-shadow: 0 0 6px rgba(46,125,50,0.2) !important;
}

/* ── Diff view ───────────────────────────────────────── */
.diff-file-box {
  background: var(--pe-bg-card) !important;
  border: 1px solid var(--pe-border) !important;
}

.code-diff .added td {
  background: #e8f5e9 !important;
}

.code-diff .removed td {
  background: #ffebee !important;
}

.code-diff .added td.lines-num {
  background: #c8e6c9 !important;
  color: var(--pe-green) !important;
}

.code-diff .removed td.lines-num {
  background: #ffcdd2 !important;
  color: var(--pe-red) !important;
}

/* ── Headings & links ────────────────────────────────── */
h1, h2, h3, h4 {
  color: var(--pe-text) !important;
  letter-spacing: 0.02em;
}

a {
  color: var(--pe-green) !important;
}

a:hover {
  color: var(--pe-green-mid) !important;
}

/* ── Branch/tag pills ────────────────────────────────── */
.ui.basic.label.branch-tagname {
  background: var(--pe-purple-pale) !important;
  border: 1px solid var(--pe-purple-light) !important;
  color: var(--pe-purple) !important;
}

/* ── Avatar ring ─────────────────────────────────────── */
.ui.avatar.image, img.avatar {
  border: 2px solid var(--pe-purple-light) !important;
  border-radius: 50%;
}

/* ── Markdown ────────────────────────────────────────── */
.markup blockquote {
  border-left: 4px solid var(--pe-purple-light) !important;
  background: var(--pe-purple-pale) !important;
  color: var(--pe-text-muted) !important;
}

.markup table thead {
  background: var(--pe-bg-sidebar) !important;
}

.markup table tr:nth-child(even) {
  background: var(--pe-green-pale) !important;
}

/* ── Footer ──────────────────────────────────────────── */
#footer {
  background: #1a1a2e !important;
  border-top: 2px solid var(--pe-green-light) !important;
  color: #81c784 !important;
  font-size: 0.8em;
}

#footer a {
  color: #9c4dcc !important;
}

#footer::before {
  content: "☆ CENTRAL BUREAUCRACY — Form 1040-E filed  ";
  color: #9c4dcc;
  font-size: 0.9em;
}

/* ── Scrollbars ──────────────────────────────────────── */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--pe-bg); }
::-webkit-scrollbar-thumb { background: var(--pe-purple-light); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--pe-purple); }

/* ── Page load stamp ─────────────────────────────────── */
@keyframes bureaucratic-stamp {
  0%   { opacity: 0; transform: translate(-50%,-50%) scale(1.4) rotate(-3deg); }
  15%  { opacity: 0.6; transform: translate(-50%,-50%) scale(1.02) rotate(-1deg); }
  75%  { opacity: 0.6; }
  100% { opacity: 0; transform: translate(-50%,-50%) scale(1); }
}

.navbar .logo svg {
  display: none !important;
}