/* ========================================================================
   FUDOSAN DB CSS トークン (W0, 2026-07-07)
   ========================================================================
   出典: edinet-db static/css/dark-theme.css の 14 変数をそのまま採用し、
   ブランド変数 (D1: グリーン維持) を統合したもの。dark-theme.css の
   html.dark override はこのファイルの変数を参照する。
   ======================================================================== */

:root {
  /* 面・線・文字 (edinetdb dark-theme.css L15-31 と同名・同値) */
  --c-bg:              #f9fafb;  /* body bg = gray-50 */
  --c-bg-elevated:     #ffffff;  /* card bg = white */
  --c-bg-subtle:       #f3f4f6;  /* gray-100 */
  --c-border:          #e5e7eb;  /* gray-200 */
  --c-border-soft:     #f3f4f6;  /* gray-100 */
  --c-text:            #111827;  /* gray-900 */
  --c-text-soft:       #4b5563;  /* gray-600 */
  --c-text-muted:      #6b7280;  /* gray-500 */
  --c-text-faint:      #9ca3af;  /* gray-400 */
  --c-link:            var(--brand-600);
  --c-link-hover:      var(--brand-700);
  --chart-grid:        rgba(0, 0, 0, 0.08);
  --chart-tick:        #6b7280;
  --chart-tooltip-bg:  #ffffff;
  --chart-tooltip-fg:  #111827;

  /* ブランド (D1: 緑維持。既存 :root の値をそのまま移管) */
  --brand-50:  #ecfdf5;
  --brand-100: #d1fae5;
  --brand-200: #a7f3d0;
  --brand-500: #10b981;
  --brand-600: #059669;
  --brand-700: #047857;
  --brand-800: #065f46;
  --brand-900: #064e3b;
}

html.dark {
  /* Dark mode palette (edinetdb dark-theme.css L36-51 と同値、brand のみ緑系に調整) */
  --c-bg:              #0b1220;
  --c-bg-elevated:     #131b2e;
  --c-bg-subtle:       #1a2438;
  --c-border:          #2a334a;
  --c-border-soft:     #1f2940;
  --c-text:            #e6edf3;
  --c-text-soft:       #b0bbcc;
  --c-text-muted:      #8a96aa;
  --c-text-faint:      #6b7689;
  --c-link:            #34d399; /* brand-400 相当、暗背景での視認性を優先 */
  --c-link-hover:      #6ee7b7; /* brand-300 相当 */
  --chart-grid:        rgba(255, 255, 255, 0.06);
  --chart-tick:        #8a96aa;
  --chart-tooltip-bg:  #1a2438;
  --chart-tooltip-fg:  #e6edf3;

  /* ブランド (dark 調整: 暗背景での視認性向上のため明度を上げる) */
  --brand-50:  #0f2b22;
  --brand-100: #123b2d;
  --brand-200: #16523d;
  --brand-500: #34d399;
  --brand-600: #34d399;
  --brand-700: #6ee7b7;
  --brand-800: #a7f3d0;
  --brand-900: #d1fae5;
}