/* GitHub-inspired dark color scheme and typography */
:root {
  --gh-color-canvas-default: #0d1117;
  --gh-color-canvas-subtle: #161b22;
  --gh-color-border-default: #30363d;
  --gh-color-border-muted: #21262d;
  --gh-color-fg-default: #c9d1d9;
  --gh-color-fg-muted: #8b949e;
  --gh-color-accent-fg: #58a6ff;
  --gh-color-accent-emphasis: #58a6ff;
  --gh-color-danger-fg: #f85149;
  --gh-color-success-fg: #3fb950;
  --gh-color-success-emphasis: #238636;
  --gh-color-success-emphasis-hover: #2ea043;
  --gh-color-btn-bg: #21262d;
  --gh-color-btn-border: rgba(240, 246, 252, 0.1);
  --gh-color-btn-hover-bg: #30363d;
  --gh-color-btn-hover-border: #8b949e;
  --gh-color-diff-addition-bg: #1c2d20;
  --gh-color-diff-deletion-bg: #3d1f22;
  --gh-color-attention-subtle: #3d2c00;
  --gh-color-attention-fg: #f2cc60;
  --gh-color-attention-emphasis: #d29922;
}

html,
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans",
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 14px;
  line-height: 1.5;
  color: var(--gh-color-fg-default);
  background-color: var(--gh-color-canvas-default);
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

a {
  color: var(--gh-color-accent-fg);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}

h1 {
  font-size: 32px;
  padding-bottom: 0.3em;
  border-bottom: 1px solid var(--gh-color-border-muted);
}

h2 {
  font-size: 24px;
  padding-bottom: 0.3em;
  border-bottom: 1px solid var(--gh-color-border-muted);
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
  color: var(--gh-color-fg-muted);
}

code {
  padding: 0.2em 0.4em;
  margin: 0;
  font-size: 85%;
  background-color: var(--gh-color-canvas-subtle);
  border-radius: 6px;
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
    "Liberation Mono", monospace;
}

pre {
  padding: 16px;
  margin: 0;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: var(--gh-color-canvas-default) !important;
}

pre code {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}

/* Common layout and utility classes */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

.repo-title {
  font-size: 1.75rem;
  font-weight: 600;
  color: var(--gh-color-fg-default);
  margin: 0 0 1.5rem 0;
}

.empty-state {
  padding: 2rem;
  text-align: center;
  color: var(--gh-color-fg-muted);
  background: var(--gh-color-canvas-subtle);
  border: 1px solid var(--gh-color-border-default);
  border-radius: 6px;
}