/* =============================================================
   langsyn-net.css  —  langsyn.net overrides (blue/violet theme)
   Load AFTER langsyn-theme.css
   ============================================================= */

:root {
  /* Background */
  --ls-bg:            #0b1a2a;

  /* Text */
  --ls-text:          #c0d4e8;
  --ls-text-muted:    rgba(192, 212, 232, 0.60);
  --ls-text-faint:    rgba(192, 212, 232, 0.50);

  /* Dot texture */
  --ls-dot-a: rgba( 30, 160, 255, 0.15);
  --ls-dot-b: rgba( 80, 220, 200, 0.10);
  --ls-dot-c: rgba(120,  80, 255, 0.10);

  /* Gradients */
  --ls-gradient-primary: linear-gradient(135deg, #1060d0, #30b0e0);
  --ls-gradient-text:    linear-gradient(90deg, #1ea0ff 0%, #30e8c0 50%, #8040ff 100%);
  --ls-gradient-full:    linear-gradient(90deg, #1ea0ff, #30c8e0, #30e8c0, #6060f0, #8040ff, #a030e8);

  /* Accent */
  --ls-accent-primary:   #1ea0ff;
  --ls-accent-secondary: #8040ff;

  /* Nav logo dot */
  --ls-gradient-logo: linear-gradient(135deg, #1ea0ff, #30e8c0);
}

.ls-nav-logo-dot { background: var(--ls-gradient-logo); }

/* Streak bar */
.ls-streak-bar span:nth-child(1) { background: #1ea0ff; }
.ls-streak-bar span:nth-child(2) { background: #20c0e0; }
.ls-streak-bar span:nth-child(3) { background: #30e8c0; }
.ls-streak-bar span:nth-child(4) { background: #40e890; }
.ls-streak-bar span:nth-child(5) { background: #6060f0; }
.ls-streak-bar span:nth-child(6) { background: #8040ff; }
.ls-streak-bar span:nth-child(7) { background: #a030e8; }

/* Library stack left-border colours */
.ls-card-left:nth-child(1)::before { background: #1ea0ff; }
.ls-card-left:nth-child(2)::before { background: #30c8e0; }
.ls-card-left:nth-child(3)::before { background: #30e8c0; }
.ls-card-left:nth-child(4)::before { background: #8040ff; }
.ls-card-left:nth-child(5)::before { background: #c030e0; }

/* Verb pills */
.ls-verb {
  display: inline-block;
  font-family: 'JetBrains Mono', 'Fira Mono', monospace;
  font-size: 10px;
  padding: 2px 6px;
  margin: 2px 1px;
  border-radius: 3px;
  background: rgba(30, 160, 255, 0.10);
  border: 1px solid rgba(30, 160, 255, 0.22);
  color: #60b8f0;
  line-height: 1.4;
}

/* Scope / feature cards */
.ls-scope-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 8px;
  padding: 1rem;
}

.ls-scope-card h4 { margin-bottom: 0.3rem; }
.ls-scope-card p  { font-size: 12px; color: rgba(192,212,232,0.50); line-height: 1.55; }

/* OID card rainbow top */
.ls-oid-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
}
.ls-oid-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, #1ea0ff, #30e8c0, #8040ff);
}

/* GitHub link colour */
.ls-gh-link { font-size: 12px; color: #60a8e0; text-decoration: none; white-space: nowrap; }
.ls-gh-link:hover { color: #90c8f0; }

/* Diff highlighting (contrib pages) */
.ls-diff-old { color: #e05050; }
.ls-diff-new { color: #50c050; }

/* Article meta line */
.ls-article-meta {
  font-size: 13px;
  color: var(--ls-text-faint);
  margin-bottom: 0.5rem;
}
.ls-article-meta a { color: var(--ls-accent-primary); text-decoration: none; }
.ls-article-meta a:hover { color: #fff; }