/* ============================================================
   biz.breefly.jp — theme-biz.css
   Design: セキュリティ・ダーク・アンバー
   ============================================================ */

:root {
  --bg:            #0d1117;
  --surface:       #161b22;
  --border:        #30363d;
  --border-light:  #21262d;

  --text:          #e6edf3;
  --text-2:        #8b949e;
  --text-3:        #6e7681;

  --accent:        #f97316;
  --accent-hover:  #ea6d0a;

  --curator-bg:    rgba(249,115,22,0.08);
  --curator-border:#f97316;
  --curator-text:  #fdba74;

  --shadow-sm:     0 1px 4px rgba(0,0,0,0.5);
  --shadow-md:     0 4px 20px rgba(0,0,0,0.6);

  --radius:        6px;
}

/* ── ベース ── */
body {
  background: var(--bg);
  color: var(--text);
}

a { color: var(--accent); }
a:hover { color: var(--accent-hover); }

/* ── ヘッダー ── */
.site-header {
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}

.logo-name  { color: var(--text); }
.logo-tld   { color: var(--accent); }
.site-tagline { color: var(--text-3); }

/* ── カード ── */
.article-card {
  background: var(--surface);
  border-color: var(--border);
}

.article-card:hover {
  border-color: var(--accent);
  box-shadow: 0 0 0 1px rgba(249,115,22,0.2), var(--shadow-md);
}

/* ── ソースバッジ：ターミナル風 ── */
.source-badge {
  background: rgba(249,115,22,0.1);
  color: var(--accent);
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
  font-size: 0.7rem;
}

.card-date { color: var(--text-3); }

.card-title {
  color: var(--text);
}

.card-link:hover .card-title {
  color: var(--accent);
}

/* ── キュレーターコメント ── */
.card-curator {
  background: var(--curator-bg);
  color: var(--curator-text);
  border-left-color: var(--curator-border);
}

.card-summary { color: var(--text-2); }

/* ── カテゴリ・ナビ ── */
.category-tag { color: var(--accent); }
.read-more    { color: var(--accent); }

/* ── 元記事リンク ── */
.card-external-wrap { border-top-color: var(--border-light); }
.card-external { color: var(--text-3); }
.card-external:hover { color: var(--accent); }

/* ── ページメタ ── */
.page-meta { color: var(--text-3); }

/* ── ページネーション ── */
.pagination-btn {
  background: var(--surface);
  border-color: var(--border);
  color: var(--accent);
}
.pagination-btn:hover {
  background: var(--accent);
  border-color: var(--accent);
  color: #0d1117;
}
.pagination-btn.is-disabled {
  color: var(--text-3);
  border-color: var(--border-light);
}

/* ── スクロールトップ ── */
.scroll-top {
  background: var(--surface);
  border-color: var(--border);
  color: var(--text-2);
}
.scroll-top:hover {
  background: var(--accent);
  border-color: var(--accent);
  color: #0d1117;
}

/* ── 記事詳細ページ ── */
.article-full {
  background: var(--surface);
  border-color: var(--border);
}

.article-title  { color: var(--text); }
.article-meta   { color: var(--text-3); }
.article-body   { color: var(--text-2); }

.breadcrumb     { color: var(--text-3); }
.breadcrumb a   { color: var(--text-3); }
.breadcrumb a:hover { color: var(--accent); }
.breadcrumb-sep { color: var(--border); }

.btn-primary-large         { background: var(--accent); color: #0d1117; }
.btn-primary-large:hover   { background: var(--accent-hover); color: #0d1117; }

.article-curator {
  background: var(--curator-bg);
  border-left-color: var(--curator-border);
}
.curator-label { color: var(--accent); }
.curator-body  { color: var(--curator-text); }

.article-summary-section { border-top-color: var(--border-light); }
.summary-label           { color: var(--text-3); }

.prose strong { color: var(--text); }
.prose code {
  background: #1f2937;
  color: #f97316;
}
.prose blockquote {
  border-left-color: var(--accent);
  color: var(--text-3);
}

/* ── 記事ナビ ── */
.article-nav-link {
  background: var(--surface);
  border-color: var(--border);
}
.article-nav-link:hover { border-color: var(--accent); }
.nav-dir  { color: var(--text-3); }
.nav-title { color: var(--text); }

/* ── フッター ── */
.site-footer       { border-top-color: var(--border); }
.footer-text       { color: var(--text-3); }
.footer-copy       { color: var(--text-3); }
.footer-text a     { color: var(--text-3); }
.footer-text a:hover { color: var(--accent); }

/* ── 空状態 ── */
.empty-state { color: var(--text-3); }