/* Shared site styles for CodingBubble */

/* Top navigation links */
.cb-nav a {
  color: #4b5563; /* gray-600 */
  transition: color 150ms ease;
}
.cb-nav a:hover {
  color: #111827; /* gray-900 */
}

/* Footer styling helpers */
.cb-footer-links a {
  color: #d1d5db; /* gray-300 */
  transition: color 150ms ease;
}
.cb-footer-links a:hover {
  color: #ffffff;
}

/* Reusable editor layout helpers (optional adoption) */
.cb-textarea-container {
  display: flex;
  border: 1px solid #d1d5db; /* gray-300 */
  border-radius: 6px;
  overflow: hidden;
}

/* Back-compat: many pages use `.textarea-container` already */
.textarea-container {
  display: flex;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  overflow: hidden;
}
.cb-line-numbers {
  background-color: #f8fafc; /* slate-50 */
  border-right: 1px solid #e5e7eb; /* gray-200 */
  padding: 16px 8px;
  width: 48px;
  text-align: right;
  font-family: ui-monospace, 'Courier New', monospace;
  font-size: 12px;
  color: #6b7280; /* gray-500 */
  user-select: none;
}
.cb-line-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  height: 1.25em;
}

/* Back link */
.cb-back-link {
  color: #2563eb; /* blue-600 */
}
.cb-back-link:hover {
  color: #1e40af; /* blue-800 */
}